Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 15, 2020 at 12:18 pm #1222615
    sensiblekaren

    Hello

    I have a transparent header and the white version shrinks down as you scroll. When it changes to the black version I would like it to stay the same size as the smaller white versio within the header not get bigger again and fill the space – is this possible?

    Thank you

    June 15, 2020 at 5:02 pm #1222746
    Victoria

    Hey sensiblekaren,

    What do you mean by “When it changes to the black version I would like it to stay the same size as the smaller white versio within the header not get bigger again and fill the space”?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    June 15, 2020 at 6:24 pm #1222797
    sensiblekaren

    Hello please see a mock up of what I am trying to achieve attched

    June 16, 2020 at 4:04 pm #1223090
    Victoria

    Hi sensiblekaren,

    I am seeing it like this when the header shrinks.

    Best regards,
    Victoria

    June 16, 2020 at 4:09 pm #1223094
    sensiblekaren

    Yes that’s right the black version of the logo fills the header space with the top of the logo touching the top and the bottom touching the bottom of the the header area. In my mockup in the link the black logo is smaller and has white space around it. Is this possible?

    June 16, 2020 at 5:49 pm #1223143
    Victoria

    Hi sensiblekaren,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.header-scrolled.header-scrolled-full .logo img {
    width: 80%;
    margin-top: 5px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 23, 2020 at 2:11 pm #1224878
    sensiblekaren

    Thank you this is great it worked.

    I have another issue regarding the logo image now being stretched in Chrome only. But have started another thread to address this.

    June 24, 2020 at 6:09 am #1225022
    Rikard

    Hi,

    Thanks for the update. I’ll close this for now then, let’s continue in your other thread.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Shrink logo in header’ is closed to new replies.