[Resolved] Header image and margin in moble version

[rafel jesus]

Hi there.
I have sought to support how to have a margin (with Elements) in the blog in the mobile version and how not to show the picture in the mobile version as well.
Thanks
https://www.screencast.com/t/CFdy67gOAoT

Best wishes.
From Balaguer, near of Barcelona

[Leo]

Hi there,

Can you guide me to the page in question?

The home page seems alright.

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

[rafel jesus]

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

Best wishes.
From Balaguer, near of Barcelona

[Leo]

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 🙂

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

[rafel jesus]

Hi
Do it.
Thanks

Best wishes.
From Balaguer, near of Barcelona

[Leo]

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/

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

[rafel jesus]

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

Best wishes.
From Balaguer, near of Barcelona

[Leo]

Sorry which element are you referring to?

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

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

[rafel jesus]

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

Best wishes.
From Balaguer, near of Barcelona

[Leo]

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

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

[rafel jesus]

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

Best wishes.
From Balaguer, near of Barcelona

[Leo]

Try this CSS:

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

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

[rafel jesus]

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

Best wishes.
From Balaguer, near of Barcelona

[Leo]

Not sure if I fully understand.

So we are all good now?

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

[rafel jesus]

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

Best wishes.
From Balaguer, near of Barcelona

[Author]

Posts