No longer able to set overflow-x to visible on body

[eyedia]

I had previously set overflow-x to visible on the body element on a specific page and only at that specific page as recommended in one of your posts. This has worked fine up till now, no matter how i set it, the value resets to hidden. I need the overflow-x value to be visible as I’m working with a sticky element. The sticky element is working fine in the back-end but not in the front-end. On initial loading of the page it does work but within a second or so the page resets the overflow-x value.

Is it no longer possible to change overflow-x for a specific page?

[prakash_s]

Hello @eyedia,

Thanks for writing to us.

In order to override the overflow-x value of the body to a specific page you need to use the page/post ID in your custom CSS code selector. I took your given page URL as an example so your custom CSS code would be like this.

body.single-product.postid-208 {
overflow-x: visible !important;
}

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 if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks