• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Responsiveness Issue: Post Comments in Byline interfering with post width

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

Tagged: archives, byline, post comments, responsive, single post

  • This topic has 5 replies, 2 voices, and was last updated 10 years, 2 months ago by Eric.
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.

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework