-
Posts
-
Hi All!
I would like to increase the height of the header area without resizing the logo image. How would I do that? I did look through the forum topics and the only discussion I found was a very long conversation based on extensive code added to the theme by a participant. My sense is that there is a simple addition to the Quick CSS. Any suggestions?
Warm regards!
Valerie
Hi Valerie,
Please try to do the following steps:
1. Go to Enfold > Header > Header Layout (tab) > Header Size set to custom pixel value
2. Set Header Custom Height to any value you’d like to use
3. Add this CSS code in Enfold > General Styling > Quick CSS:#header .logo a { display: flex; align-items: center; } #header .logo img { max-height: 90px; }just adjust the max-height value (default is 90px).
Hope this helps.Best regards,
NikkoHi Nikko,
Tried this, but it didn’t work. The header height is staying the same. The header custom height in pixels was already increased. I added the code to the CSS, but it didn’t increase the height of the header, even after I added “!important” to the height value in the CSS. Would you please take a look? Info in the Private Content.
Thank you!
Valerie
Hi Valerie,
It seems to work properly, the height of the header is 175px and you have set the max-height of the logo to 175px, I was actually expecting the header to be higher than the max-height of the logo.
I believe we have a misunderstanding on what you’re trying to accomplish, can you try to give us a mockup or screenshot of what you’re trying to achieve, so we can try to adjust the code based on it.Best regards,
NikkoHi Nikko,
You didn’t misunderstand. It was on my end. It took me a few tries to realize that I had to load the logo in full size and not try to size it there. It’s working great. Thanks for your help. We can close this ticket.
Valerie
- The topic ‘Increase Header Height w/o Resizing Logo’ is closed to new replies.