- This topic has 37 replies, 4 voices, and was last updated 7 years, 6 months ago by Tom.
-
AuthorPosts
-
July 11, 2016 at 6:27 am #208290jordi
Hello Tom,
I enclose a video to explain the problem I have with the image of the tamalo Header image is 2120 x536 pixels
http://www12.zippyshare.com/v/Ph3VciqC/file.htmlnot the full size looks with letters logo when I am as an administrator looks one way and when I close the session manager is otherwise also if I zoom with the browser unrelated longer a zom 100% not see anything of the letters of the logo, as I do to always keep the same proportion and the image display full header from any browser zoom?
July 11, 2016 at 6:45 am #208300TomLead DeveloperLead DeveloperAh 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.
July 11, 2016 at 10:10 am #208419jordiHello 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 scrollthe 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
July 11, 2016 at 10:27 am #208428TomLead DeveloperLead DeveloperThe 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.
July 11, 2016 at 10:42 am #208435jorditom,
I need to solve these two problems, I can give you access to the web so you can look at it?Thank you
July 11, 2016 at 10:48 am #208437TomLead DeveloperLead DeveloperThat would be great! https://generatepress.com/contact
July 11, 2016 at 11:08 am #208447jordiTom
Thanks, I send the access data
July 11, 2016 at 11:17 am #208451TomLead DeveloperLead DeveloperThe 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
July 11, 2016 at 11:54 am #208458jordiHello Tom
I have disabled the plugin cache
the CSS code and put it two hours ago in Childe Theme CSS
Thanks
July 11, 2016 at 12:45 pm #208489TomLead DeveloperLead DeveloperI 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 🙂
July 11, 2016 at 1:02 pm #208491jordiHello 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
July 11, 2016 at 1:04 pm #208492TomLead DeveloperLead DeveloperI 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.
July 11, 2016 at 1:24 pm #208495jordiTom,
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
July 11, 2016 at 1:28 pm #208496TomLead DeveloperLead DeveloperYou’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”.July 11, 2016 at 1:44 pm #208500jordiTom, 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 fatheronce validated copied it and I hit replacing the old ??
Thank you
-
AuthorPosts
- You must be logged in to reply to this topic.