Dismiss Notice
FORUM SHUTDOWN NOTICE: Due to inactivity and the end-of-life of Adobe Muse, we've made the decision to shut down and archive our forum as of Oct 28, 2020. Be sure to check out our new website creation tool Without Code (www.wocode.com) - thanks again for your support!

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