Problem with header image

[Tom]

Validate your child CSS/custom CSS – the parent theme is already validated.

That’s right, replace the invalid CSS with the valid CSS.

Keep a backup of your invalid CSS just in case in a notepad or something.

[jordi]

Hello Tom

Not solve the problem with it, I’ve done this
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.”

I went to https://jigsaw.w3.org/css-validator/#validate_by_input, I copied the child theme css valid and have stuck in the child theme css file

the result is appalling clubtheriver.com

can not be so hard to put the header image as http://achievingsustainability.com/ on this page, if you zoom up or down always remains proportions.

I have two days stuck with this problem, my morale is at rock bottom, we can do?

thanks Tom

[Tom]

It looks like it fixed the double navigation.

Now with the header, set the size to “Cover” in the Customizer to stop the excess white space on mobile.

[jordi]

the image of the logo on the phone is not whole, that is, not responsive, it’s horrible,

[jordi]

In the mobile leaves a double menu, on the desktop computer double menu is not seen, as I remove the menu that does not work?

please go to clubtheriver.com/draft. on this page I’ve tried to put a page header with the same picture, in this mobile page header does not keep the proportion, the entire image is not visible, the palntilla was not responsive ???

regards

[Tom]

Since you’re using the mega menu plugin, you need to remove the GP mobile menu:

@media (max-width: 768px) {
    .menu-toggle {
        display: none;
    }
}

As for the header, you’re using a background image. Background images aren’t responsive, which is why text should never be added to them.

Text/logos should be on top of the background, like the logo you have on the right there.

[jordi]

Hello Tom
Thank pro the answer but no longer understand anything, I took 3 days with this problem and I am despondent, please look at this web http://achievingsustainability.com/, is made with Generate Press, you can tell me how to do just that header? please raise and lower the zomm and maintaining the proportion .

Sorry and thanks for your time

[Tom]

Hi Jordi,

I explained how that site did it here: https://generatepress.com/forums/topic/problem-with-header-image/#post-208496

They have two separate images, a background and a logo.

The background is uploaded in the Background Images section of the Customizer, and the size is set to “Cover”.

The logo is uploaded in the Site Identity section of the Customizer.

[jordi]

Tom Friend,
If you were near invited you to take a coffee jejje
attached video, I have done what I said in the previous post and you can see that the result is not the same.

http://www82.zippyshare.com/v/kmFU2s49/file.html

Thank you
Jordi

[Tom]

You have it set to “Fixed” – try setting the background to the default “Attachment” setting.

Then instead of using zoom to see the different, just resize your browser.

[jordi]

Tom, this already looks more,

what I do not like is the position where it has been the logo, you can change the position of the logo?

“Instead of using zoom Then to see the different, just resize your browser.”
I do not understand, like I can do this?

Thank you

[Tom]

The logo can be set to left, center or right in “Customize > Layout > Header” using the Header Alignment option.

[jordi]

Hello Tom

where this code to remove the mobile menu, is leaving me two menus on the phone, I looked in the css but can not find the code

Thank you

@media (max-width: 768px) {
.menu-toggle {
display: none;
}
}

[Tom]

Adding the above should remove the GP mobile menu in favor of the mega menu mobile menu.

Have you added it to your site?: https://generatepress.com/knowledgebase/adding-css/

[jordi]

Hi Tom, I do not quite understand,
where I can remove the menu? just get the menu button does not work, you can check yourself by accessing the mobile to the web
attached video

http://www88.zippyshare.com/v/DvhlPj6M/file.html
Thank you

[Author]

Posts