my client has a square logo which she would like to embedd in the header overlapping the content. I found the following css from one of your tickets:
@media only screen and (max-width: 1280px) { #header-outer #logo img { height: 49px !important; margin-top: 26px !important; }
}
This does work, though its covering the menu items of the mega menu i created. Do you have any way for me to make the menu visible? Like the logo getting smaller when the mega menu opens?
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):
Hey guys,
my client has a square logo which she would like to embedd in the header overlapping the content. I found the following css from one of your tickets:
@media only screen and (max-width: 1280px) { #header-outer #logo img { height: 49px !important; margin-top: 26px !important; } }
This does work, though its covering the menu items of the mega menu i created. Do you have any way for me to make the menu visible? Like the logo getting smaller when the mega menu opens?
Hey Farbenfeuer ,
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-format="centered-menu"] #top .span_9 { position: relative; z-index: 99999 !important; }Thanks
ThemeNectar Support Team