full width

[afuente26]

Hello,

when I use the cover block, the full-width works, but “too much”. The total width is more, so I have to scroll a little bit to the right. This does not happen with other themes.

Somebody could help me?

Me demo website is https://www.demoangel.multiinformatica.es

Thanks a lot
Angel

[David]

Hi there,

did you resolve the issue as i cannot see the horizontal scroll ? Let me know

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[afuente26]

Hello David,

thanks for your reply.

The horizontal scroll doesn´t appear every time. You can resize the windows or reload and then it appears.

Its just a few pixel. I´ve tried with other (demo) webpages, for example http://www.cerler.es and the same.

Thanks
Angel

[David]

Are you seeing this on any particular device or browser as i am unable to replicate this on desktop or mobile devices?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[David Sims]

Add this CSS

body {
overflow-x: hidden;
}

[afuente26]

Great, you are a f machine 😉

This issue was solved. I still have a similiar problem with this other site http://www.cerler.es, for example https://www.cerler.es/rutas-y-excursiones-por-el-valle-de-benasque/

but this time, the header image was creates with

header elements

The issue is only in the mobil, not on desktop….

Thanks 😉

[Leo]

You have 250px of left and right padding set in the header element so it’s too wide on the mobile screen.

Try reducing that with the mobile toggle activated:
https://docs.generatepress.com/article/header-element-overview/#padding

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[afuente26]

Hello Leo,

thanks very much. It helped. Great also 😉

Greetings from Spain
Angel

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts