Bottom Scroll Bar on Mobile version

Discussion in 'Media Pro Gallery' started by Jon Kay, Jun 15, 2016.

  1. Jon Kay

    Jon Kay Active Member

    33
    0
    This URL only has the widget on it. My problem is when I get to the mobile versions, a bottom scroll bar appears. It did not always do it, but I do not know where I made the change that caused this.

    http://mtc-corporation.com/projects.html

    I don't have any breakpoints on this page because of the widget's responsive qualities.

    [​IMG]
     
  2. asifnm

    asifnm Well-Known Member

    117
    26
    You can remove horizontal scroll bars and disable side scrolling with the following code, insert it as html

    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/wow/1.0.3/wow.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.1/animate.min.css">

    <style>
    body
    {
    overflow-x:hidden;
    }
    </style>

    <script>
    $(function() {

    var $body = $(document);
    $body.bind('scroll', function() {
    // "Disable" the horizontal scroll.
    if ($body.scrollLeft() !== 0) {
    $body.scrollLeft(0);
    }
    });

    });
    </script>
     
    Jon Kay likes this.
  3. Jon Kay

    Jon Kay Active Member

    33
    0
    When you say side scrolling, do you mean vertical scrolling?
     
  4. asifnm

    asifnm Well-Known Member

    117
    26
    Horizontal scrolling.
     
  5. Jon Kay

    Jon Kay Active Member

    33
    0
    Thank you!!!!! Do you think this was caused by the widget? I would like to use it on other projects.
     
  6. asifnm

    asifnm Well-Known Member

    117
    26
    You're welcome. The only way to find out is to remove the widget and test.
     
  7. Jon Kay

    Jon Kay Active Member

    33
    0
    Actually, might have spoken too soon. Your code works perfectly until you click on a photo. The lightbox comes up but runs off the screen.

    [​IMG]
     
  8. asifnm

    asifnm Well-Known Member

    117
    26
    If you are using the standard built in slideshow widget what are your settings?
     
  9. Jon Kay

    Jon Kay Active Member

    33
    0
    Not sure what you mean. I am looking at my in the Media Pro Gallery widget but I do not see what you are referring to.
     
  10. asifnm

    asifnm Well-Known Member

    117
    26
    Ok, what settings are you using in the media pro widget, post a screen grab
     
  11. Jon Kay

    Jon Kay Active Member

    33
    0
    Sorry about the delay. Crazy two weeks. Here are the screen grabs of the settings:

    [​IMG]

    [​IMG]

    [​IMG]
     
  12. asifnm

    asifnm Well-Known Member

    117
    26
    Don't see anything wrong in those settings. I think best to contact muse-themes support.
     
    Jon Kay likes this.
  13. Jon Kay

    Jon Kay Active Member

    33
    0
    Thanks for your help! I think I will just redo and see what happens.
     
  14. Alex Wiley

    Alex Wiley Product Specialist / Widget Development Staff Member Advisory Group

    164
    51
    Just a tip, you don't need to import jQuery as a library as this is already imported by muse. :)
     

Share This Page