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

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