-
Posts
-
Hi,
Let’s see if I explain what I want properly. Please see http://pinnzoriginals.com. Notice the logo is pretty large, making the header pretty large. I need it to be this large. My question is, is there a way to have the logo extend down into the first element… so part of it is in the header and part in the first element? So it looks like this http://pinnzoriginals.com/wp-content/uploads/2017/02/Support-Question.jpgAND then when the user scrolls down have the header shrink and the logo shrink to fit within the header? Did that makes sense?
Let me know. Thanks!
Hey Perry!
Thank you for using Enfold.
Yes, this is possible. Adjust the top position of the logo container.
div .logo { top: 100px; }Regards,
IsmaelHey Perry,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header_main, #top #header_main > .container, .av-main-nav > li { max-height: 90px!important; overflow: visible; } .logo { min-height: 150px; } #main { padding-top:90px!important; } .av-main-nav > li > a { line-height: 90px!important; }Best regards,
Vinay
- The topic ‘Logo hang down from header into the first element’ is closed to new replies.