SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Full width flexslider creates horizontal scrolling

    On this page > http://clickbump.com, when you scroll down the page to trigger the appearance of the "back to top" widget (lower right hand corner of the page), you can see that as soon as the widget appears, it causes horizontal scrollbars to appear.

    This does not happen on interior pages, which has led me to suspect that my FlexSlider widget is causing the width to be greater than 100%.

    Any ideas how I can work around this issue? I want full width, edge to edge, slider, but I never want horizontal scrollbars.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,386
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi Scott,

    It looks like its the next button that is causing the scroll as you are moving off the right by 36px.

    Try hiding the overflow on the flexslider and see if that cures the issue (wiuthout causing any others hopefully).

    Code:
    .flexslider{overflow:hidden}

  3. #3
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the suggestion Paul. That definitely works, but as you suspected, it has side effects. Setting the overflow:hidden on the flexslider container hides the control nav div (the dots below the slider). Apparently the default css for flexslider positions that outside the flexslider container.

    Here's what I came up with to make it play nice:

    Code:
    .flexslider{overflow:hidden;padding-bottom:30px;margin-bottom:0}
    .flex-control-nav{bottom:-10px;background:#fff;padding:12px 0}

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,386
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Glad you got it working

  5. #5
    SitePoint Addict Scott Blanchard's Avatar
    Join Date
    Sep 2010
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Absolutely. Thanks (as always) for steering me in the right direction

    BTW, thought you might be interested in this: http://clickbump.com/wordpress-speed...enesis-thesis/


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •