WordPress.org

Ready to get started?Download WordPress

Forums

horizontal scrolling (10 posts)

  1. binary420
    Member
    Posted 4 months ago #

    i just setupa new wordpress site with the theme "fifteen"

    It looks and works great on PC, but when testing on mobile is when i noticed an issue.

    no horizontal scrollbar appears.
    It doesnt appear on PC either, but that wasnt noticeable until I resized the website really small.....no horizontal scroll bar appears

    not only does the scrollbar not appear, but you also can't finger drag to resize on mobile either

    Everything else about this theme works great, so i'm hoping its a quick fix

    any help would be more than appreciated

  2. CrouchingBruin
    Member
    Posted 4 months ago #

    You should try asking your question on the Fifteen support page. It doesn't look like the theme author is very responsive to questions, though, but you might be able to find a fellow theme-user to help you out. It also helps if you post a link to your site, so we can see the effect without having to install the theme ourselves.

  3. mrtom414
    Member
    Posted 4 months ago #

    The theme you selected is responsive. Please research responsive design. Your theme is designed to prevent horizontal scrolling. It is doing what it was designed to do. There is nothing wrong with it.

  4. binary420
    Member
    Posted 4 months ago #

    In that case I have a jw video player added to a 'page' and on mobile you can only see half of it. Sure you can double tap to go full screen but you cant zoom out or scroll over. You can only see the left half 50% of the video and the other half is cutoff

  5. mrtom414
    Member
    Posted 4 months ago #

    jw video player may not be responsive. There a plugin called fitvids that can make youtube videos responsive. I'm not sure if it will work for you. Here is the link http://wordpress.org/plugins/fitvids-for-wordpress/
    good luck

  6. mrtom414
    Member
    Posted 4 months ago #

    I found this article for making jw video responsive. http://www.longtailvideo.com/support/jw-player/32427/responsive-design-support/

  7. binary420
    Member
    Posted 4 months ago #

    But I'm talking about the entire page. You can zoom in but not out on mobile. I want the video left how it is

  8. binary420
    Member
    Posted 4 months ago #

    I'm guessing it has something to do with meta viewport but I can't find it do you know where the setting is in the code

  9. binary420
    Member
    Posted 4 months ago #

    http://wordpress.org/themes/fifteen

    Does not scroll left and right on mobile

    But this does

    http://wordpress.org/themes/sixteen

    Please help

  10. mrtom414
    Member
    Posted 4 months ago #

    The view port is usually set with the following meta tag:
    <meta name="viewport" content="width=device-width, initial-scale=1.0">. This prevents the user from zooming in and out of the screen. Ideally, your screen shouldn't scroll horizontally. The whole idea behind responsive design is to resize the screen to fit the device it being presented on. It would be better if the videos were scaled down to fit the user screen.

Reply

You must log in to post.

About this Topic