Hello, I am trying to display a large logo in the header that doesn’t resize with the header. I would like to do exactly what this person did http://stopreservationshopping.com
Can you please provide help? Thanks!
I want my logo to extend over the content. Thanks!
Hey!
Try adding this code to the Quick CSS:
strong.logo {
position: relative;
top: 55px;
}
.header-scrolled strong.logo{
top: 27px !important;
}
Cheers!
Josue
Hello! Thank your for your response.
Looks good but the logo is still being resized to 200 x 100, I believe. How would I be able to get a bigger logo?
Try adding this too:
.logo, .logo img, .logo a{
max-height: 185px !important;
overflow: visible !important;
}
Modify the other code:
strong.logo {
position: relative;
top: 20px;
}
.header-scrolled strong.logo{
top: 0 !important;
}
Regards,
Josue
Josue
Very cool! Thanks for your help.
Could I trouble you for one more modification? I know in my original request I didn’t want the logo to shrink with the header but now seeing how this looks, what would I need to add to this code so that once I scroll and the header shrinks, that the logo shrinks with it like it normally would?
Try adding this too:
.header-scrolled .logo, .header-scrolled .logo img, .header-scrolled .logo a{
max-height: 100px !important;
}
Best regards,
Josue
Awesome! Works perfectly, Thank you!
You are welcome, always glad to help :)
Regards,
Josue