Problem with header image

Home Forums Support Problem with header image

Home Forums Support Problem with header image

Viewing 15 posts - 1 through 15 (of 38 total)
  • Author
    Posts
  • #208290
    jordi

    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.html

    not 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?

    #208300
    Tom
    Lead Developer
    Lead Developer

    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.

    #208419
    jordi

    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

    #208428
    Tom
    Lead Developer
    Lead Developer

    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.

    #208435
    jordi

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

    Thank you

    #208437
    Tom
    Lead Developer
    Lead Developer

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

    #208447
    jordi

    Tom

    Thanks, I send the access data

    #208451
    Tom
    Lead Developer
    Lead Developer

    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

    #208458
    jordi

    Hello Tom

    I have disabled the plugin cache

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

    Thanks

    #208489
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #208491
    jordi

    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

    #208492
    Tom
    Lead Developer
    Lead Developer

    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.

    #208495
    jordi

    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

    #208496
    Tom
    Lead Developer
    Lead Developer

    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”.

    #208500
    jordi

    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

Viewing 15 posts - 1 through 15 (of 38 total)
  • You must be logged in to reply to this topic.