Header image and margin in moble version

Hi there,

Can you guide me to the page in question?

The home page seems alright.

Hi Leo.
https://proves.ccfoto.cat/actualitat/
Thanks

Any chance you can disable the caching plugin so I can take a closer look of the source?

Please make sure to do this every time a topic is opened.

Thanks :)

Hi
Do it.
Thanks

Looks like you are using the contained option in the page builder container metabox which removes the default padding the customizer:
https://docs.generatepress.com/article/page-builder-container/

If you use the Default option, then the content padding set in the customizer should apply:
https://docs.generatepress.com/article/content-padding/

Hi Leo.
I resolved the margin text in mobile version, thanks a lot for your help, but now I would like to resolve that in the mobile version, that you don't see the image, and I would have a little margin at the top and bottom. Can I do it with Elements?

Thanks

Sorry which element are you referring to?

I do see the image in mobile as well?
https://www.screencast.com/t/BdRN1obB

Hi Leo.
My question is, how not to show the image in mobile version?
Thanks

Do you want to hide the entire header element on mobile or want to remove the background image?

Hi.
Only The background I would the menu header.
Thanks

Try this CSS:

@media (max-width: 768px) {
    .blog .page-hero {
        background-image: none;
    }
    .blog .page-hero h1 {
        color: #000000;
    }
}

Hi Leo.
Perfect, that is in the general blog but in the post, Thanks

Not sure if I fully understand.

So we are all good now?

Hi leo.

Now with the CSS code doesn't show the picture in the blog page, but for not show the picture in the single post, how can I do?

Thanks