Problem with header image

Ah yea, background image aren't responsive.

If your image has text/elements that need to always be seen, you should upload it as a logo in "Customize > Site Identity".

Then you can add this CSS to make it full width:

.inside-header.grid-container {
    max-width: 100%;
}

.site-logo {
    width: 100%;
}

That will look the same, but will also be responsive.

Hello Tom,

http://www36.zippyshare.com/v/JFan9kE2/file.html

it has not been good to me,
the menu has doubled, I just want the menu below and the other when under the menu page does not follow the scroll

the image is 2120 x536 pixels, that measure must be to occupy the entire width of the page as in this web http://achievingsustainability.com/ also performed with generatepress

I have placed the CSS code in the CSS child theme

thanks Tom

The reason that second site is working is because you added the logo on top of the background image, which is the right way to do it.

The first site it looks like the logo (the text) is a part of the background image, which won't work.

Not sure what's going on with the menus there, I would have to see the site to know.

tom,
I need to solve these two problems, I can give you access to the web so you can look at it?

Thank you

That would be great! https://generatepress.com/contact

Tom

Thanks, I send the access data

The menu issue: I believe this is the caching plugin you're using - can you try clearing the cache and then disabling it for now?

The header issue: You almost have it, you just need to add the CSS I gave you above: https://generatepress.com/forums/topic/problem-with-header-image/#post-208300

Hello Tom

I have disabled the plugin cache

the CSS code and put it two hours ago in Childe Theme CSS

Thanks

I think you might have some broken CSS somewhere.

CSS is tricky like that, if the syntax is broken somewhere, the rest of the CSS on the site won't be read.

Try running your custom CSS through a validator: https://jigsaw.w3.org/css-validator/

You're looking for errors, not warnings.

Let me know :)

Hello Tom,

I solved the problem I have gone to menu Menu plus> Sticky Menu Effect> None option now works

the problem remains in the image header when you change the image zomm the CSS code I've put in the CSS Child all the way down does not adapt, is that correct?

regards

I would still validate your CSS - the other sticky options should work as well.

Not sure what you mean by the image issue - when I resize my browser down, the image adapts to the screen size.

Tom,

attach a video, I explain better

I want to work like this web http://achievingsustainability.com

in the test /jigsaw.w3.org gives me 80 errors and 301 warnings,

Thank you post your help

Jordi

You'll definitely want to clean up some of those errors. Simply paste the custom CSS you've added yourself into this input: https://jigsaw.w3.org/css-validator/#validate_by_input

That will make sure it only scans your custom CSS.

To make it like that site, you need to:

1. Save the title/logo as a different image file with no background (transparent PNG).
2. Save the background image as a different image (without the title).
3. Upload the background image in "Customize > Background Images".
4. Upload the title/logo in "Customize > Site Identity".

Tom, thanks very much for the patience that you have me, I'm with a headache, one more question
you mean to validate the CSS Child Theme CSS or theme father

once validated copied it and I hit replacing the old ??

Thank you