Viewing 11 posts - 1 through 11 (of 11 total)
Viewing 11 posts - 1 through 11 (of 11 total)
- The topic ‘Header Logo Resize’ is closed to new replies.
Hello,
I’m trying to figure out a way to make my logo bigger but that it stays in the same position > but it can go in to the small bar above header.
Look at this before and after screenshot to see what i want:
Thank you for your help.
Cheers,
Aathi
Here’s the link, thank you
Did you figure out a way?
Cheers,
Aathi
Hey!
Unfortunately, no. Because of the customization you made to your header, it is not easily possible. You are going to need to adjust z-index values. If Header meta (top bar) has higher value, top of the logo is cropped. If Header main area has higher value than header meta, then secondary menu goes behind header main area and be invisible.
If you have an alternative in your mind, please let us know so we can see what we can try further :)
Best regards,
Yigit
The alternative option would be to hide the small bar above but still keeping the menu points as it is now.
so basically the logo is still the same size, but there’s not a huge gap between logo and and top
how do i change the z-index value. i tried this once but i couldn’t figure out how it works.
Hey!
Please add following code to Quick CSS
#header_meta {
margin-top: -30px;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 112px !important;
}
Best regards,
Yigit
Yes this worked! but now there is no gap between the logo and the top. how can i add about 5 px from the top to the logo
cheers,
Arthith
Hey!
Please change “-30px” to “-25px” and “112px” to “117px” in the code i posted above :)
Best regards,
Yigit
perfect thank you