Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 6, 2017 at 7:14 pm #773413
    mdecker84

    I’d like to have an image in the upper right of the nav bar, but i also want it to shrink like the logo does when scrolling down. How would I accomplish this?

    April 6, 2017 at 9:18 pm #773508
    Basilis

    Hi mdecker84!

    Thank you for contacting us.

    Adding a widget area to the header

    You can follow that process.

    Let us know if there is anything else we can do for oyu.

    Thanks a lot

    Cheers!
    Basilis

    April 6, 2017 at 9:38 pm #773520
    mdecker84

    That works, but the image doesn’t shrink like the logo in the navigation when scrolling down the page. Is that possible?

    April 9, 2017 at 2:42 pm #774966
    Victoria

    Hi mdecker84,

    You have to add more styles to make you image shrink with the header.
    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 11, 2017 at 3:53 pm #776135
    mdecker84

    I’ve attached the temporary URL in the private content section.

    April 11, 2017 at 4:33 pm #776164
    Victoria

    Hi mdecker84,

    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.header-scrolled #text-9 img {
  height: 40px !important;
}

#header.header-scrolled .widget {
    margin-left: 311px;
}

#header .widget {
    margin-left: 0px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 11, 2017 at 5:25 pm #776203
    mdecker84

    That works. Thank you!

    April 12, 2017 at 5:52 am #776455
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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