Horizontal Scroll on Naturo Theme

[gtownlib]

I am updating my website to the newest version of Naturo and came across an issue where the site will scroll horizontally on a laptop with a trackpad even though no scroll bar shows up. It seems to be caused by the dark gray right header since it is set to overflow the screen, presumably for responsiveness on different sized screens. I was not able to recreate it on computers where a mouse is used or on mobile devices. It also seems to only affect some browsers (Edge 87, Chrome 87) Firefox and IE do not seem to be affected. I wasn’t sure if it was an issue with my site or plugins but it is also doing it on the SKT demo site for Naturo so it seems like a larger issue than just me. Screen recording attached below to illustrate what is happening. Is there any way to fix this?

https://germantownlibrary.org/wp-content/uploads/2020/11/Naturo-Horizontal-Scroll.mp4

Thanks!

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:767px) {
.head-info-area .right::after { right:0; width:110%;}
}

@media screen and (min-width:768px) and (max-width:1160px) {
.head-info-area .right::after { right:0; width:110%;}
.head-info-area .right { padding:12px 20px 12px 0;}
}

Regards,
Chris

[gtownlib]

Thank you, that worked!

[Sonal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/26/

Regards,
Chris

[Author]

Posts