For a website I had to set the overflow to scroll on different elements.
Mostly I managed the scrollbars to not be visible with the trick of giving 20px padding and -20px margin.
But unfortunately this did not work on every browser.
I tried every custom code snippet I could find on that topic, but nothign worked.
Is there really no sure custom code you can for example set directly for the body to not show any scrollbars at all?
Here is my read only link:
Here is my site Read-Only:
( how to share your site Read-Only link)
Can you go with this solution?
@remonsam there’s also a less custom code solution that companies like Airbnb and Bustle use on their sites.
To hide a horizontal scroll bar, go the the element with overflow:scroll and add 20px of padding to the bottom, and then add -20px of margin on the bottom. This extends the height 20px and then hides it with the margin which hides the scroll bar.
This can also be applied to the vertical scroll bar by adding 20px padding to the right and -20px margin to the right.
Hope this helps.
on the problem page, under settings, in “inside head tag”, have you tried pasting code:
Thank u for the advice. Just tried it.
Posted this exact code in the head part of the custom code in the site settings (as far as I know this affects then all pages of the site.)
Does not work. Did I do something wrong?
Try setting a max height on the parent element (box), then add to parent element a Overflow-hidden.
on the child element where you applying overflow (overflow horizontal for example) add a padding with x(px). and that should solve your problem