Is it possible to make a logo overflow? The header now grows in size if I set the logo to, for example, 100px. I want the header to stay the default size, as slim as possible, but the logo a little bigger and a bit overflown. If possible ofcourse. :)
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Is there a way to make it that the mega menu gets above the overflown logo? The mega menu is now behind the logo, which could be annoying depending on what viewport you use.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi again,
Is it possible to make a logo overflow?
The header now grows in size if I set the logo to, for example, 100px.
I want the header to stay the default size, as slim as possible, but the logo a little bigger and a bit overflown. If possible ofcourse. :)
Hey Brian ,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Sorry for the late reply.
It is for this link.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer[data-header-resize="1"] #top #logo { min-height: 70px; } #header-outer #logo img { height: 140px !important; position: absolute !important; transform:translateX(-50%); }Thanks
ThemeNectar Support Team
Hi Tahir,
This works perfect! But... It doesn't seem to work on mobile browsers?
How can I make it that the mobile browsers show the same effect? :)
Hi Brian,
Please try this css:
@media only screen and (max-width: 999px){body #top #logo img, #header-outer[data-permanent-transparent="false"] #logo .dark-version {
height: 91px!important;
} }
Thanks.
Hi Judith,
Amazing, thank you! :)
Is there a way to make it that the mega menu gets above the overflown logo?
The mega menu is now behind the logo, which could be annoying depending on what viewport you use.
Thanks. :)
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer #top>.container>.row>.span_9 { z-index: 9999; }Thanks
ThemeNectar Support Team