Hide page scrollbar

Support
#1

Hi team, looking for guidance about how to hide the vertical scrollbar on individual pages within pro theme.

I have fixed, full-height headers and sections on several index pages and when navigating to scrollable pages, the header shrinks to the left due to the scrollbar showing.

My client would like a way to keep the header centred across the site by either hiding the scrollbar without losing the ability to scroll down the page - or fixing the header

Is there a simple/reliable way to do this with multi-browser support?

#2

Hi There,

To hide the scrollbar for the specific pages, please add this custom CSS under Theme Options > CSS:

body.page-id-16 {
    overflow-y: hidden !important;
}

The 16 number should be the page ID. To the locate the page ID, please take a look at this post:

Hope it helps :slight_smile:

#3

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