Need a solution for the scrolling problem?
Need a solution for the scrolling problem?
Hi There,
I’ve reviewed the code in your footer section that handles scrolling. To stop the scrolling on mobile pages, you’ll need to adjust the styles so they don’t apply when the screen size changes. Since the current setup uses fixed widths and positions, adding media queries or modifying the CSS to hide the scrolling behavior for smaller screens should resolve the issue. Let me know if you’d like guidance on implementing that change!
Thanks,
John
I have explored various approaches to identify when a mobile device is accessing the website. The methods included checking different conditions and observing outcomes such as error messages. The goal was to understand how the system determines device usage.
Hi,
Thank you for your response. Here’s what I’ve tried so far...
/* Styling for FOOTER SCROLL */
.scrollbar .td-footer-template-wrap .td-footer-wrap {
overflow-x: hidden;
}
.scrollbar .td-main-content-wrap {
width: 100%;
}
It seems the scrollbar class is an additional style I added to the Newspaper theme’s cloud footer template, but nothing has changed after applying it.
Does that code indicate how a viewing device should display and scroll pages, or is it divided into smaller, mobile-friendly pages? The issue is figuring out whether the website is mobile or not, which requires conditional logic to decide if scrolling is needed. If not scrolling, the page must be split into manageable, non-scrolling sections for mobile use.