Strange Scrolling on Mobile with Sliders

I have two sliders on my page. On mobile, it’s hard to scroll past them - I have to be very intentional and determined to scroll past them.

site is: https://catholicmoneysummit.com

do i have some settings wrong?

I’m on this board for another reason but thought I’d help out. It looks like if you just added some “padding-bottom” to the last section (with the form), instead of “0em”,it would fix the inner/double scroll bar - that is what I’m seeing at least.

Hello @witaytom,

Thanks for writing to us.

I checked the given site URL it seems that there is an extra scroll on the site that might be one of the reasons behind your issue. To get rid of the extra scroll I would suggest you go to the Slider sections —>Row—>Customize —>Element CSS

$el > .x-row-inner{
  margin-bottom:0;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.