Responsiveness Issue: Post Comments in Byline interfering with post width

Homepage › Community Forums › Optimal Theme Support › Responsiveness Issue: Post Comments in Byline interfering with post width

Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 9, 2013 at 1:39 am #2350
    RobertKCole
    Customer

      It appears that the [post_comments] element is in the Byline interfering with the  post width when the screen width is reduced below approx. 480 pixels.  It occurs on archive pages as well as single post pages – perhaps others that I have not yet discovered…

      It appears that the Byline wrapping rolls the [post-comments] to a 2nd line, but that line constrains the width of the post.

      Figure it must be a missing div issue that is not keeping the byline together

      You can test it here – http://shopngirl.com/blog (archive) or http://www.shopngirl.com/blog/airline/faster-way-search-google-flights-cut-paste/ (single post.)

      I have been using Internet Explorer to test page width responsiveness as I can dynamically squeeze it by dragging the right side of the window.

      Hoping that this is an easy tweak.

      Thanks again – Optimal is a magnificent theme.

      January 9, 2013 at 1:55 pm #2355
      Eric
      Customer

        Add “overflow: hidden;” to “.post-meta” in your css. This should be around line 1360 in your style.css file.

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        January 9, 2013 at 2:27 pm #2358
        RobertKCole
        Customer

          Thanks Eric,

          I think you meant to say to “.post-info” in your css.

          Putting it in .post-info worked perfectly – thanks.

          January 9, 2013 at 3:10 pm #2362
          Eric
          Customer

            No I did mean post-meta actually, (but the same fix will work with post-info as well). If you take a look at your blog page you’ll see that there isn’t that much space between certain posts that have a lot of tags at the bottom. On the blog page, look at the end of the post for – “How to Get Found – Search, Social, Local and Mobile | SkiTops” (don’t click it, but take a look at the end of the post) you’ll see the next post titled – “Collision of SEO and Social – Where’s the Creepy Line?” is too close. So adding the overflow: hidden to your post-meta will fix that issue.

            Someone else had a similar issue which is why I mentioned it. This will be fixed in a future update.

            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            January 9, 2013 at 3:17 pm #2363
            RobertKCole
            Customer

              I see issue, good catch.  Adding it to post-info fixed the blog post width issue.

              I now have it in both places and it looks great.

              Thanks.

              January 9, 2013 at 3:37 pm #2364
              Eric
              Customer

                You’re Welcome!

                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • The topic ‘Responsiveness Issue: Post Comments in Byline interfering with post width’ is closed to new replies.