Hi,
I am having trouble removing the logo area in the enfold theme header. I have followed advice from other threads and used the following code:
.logo{
display: none !important;
visibility: hidden !important;
This removes the logo but leaves a blank area above the menu, (which I would like to get rid of). So I tried to hide the div that holds the logo with this:
.inner-container{
visibility: hidden !important;
}
it didn’t work, either. I also looked into the advice about adding the header.php to the child theme, however, the div.inner-container is not there to remove.
TL;DR:
I would like to only have the navbar centered in the header without the logo space above it. Please help me remove the space!!
Hey Liz,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (min-width: 768px) {
#header_main .av-logo-container {
display: none;
}}
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 50px;
}
and remove following code
.inner-container {
visibility: hidden !important;
}
Best regards,
Yigit
Thank You!!! It worked :)
Hi,
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit