Hi,
I managed to enlarge the logo. Now the submenu is displaced (see screenshot). I would like to have the submenu right under the main menu (like the default). Also the red underline for active links is misplaced. I’m sure this is a quick fix. It should work for both (scrolled down and not scrolled down) views. Thanks you in advance for your help.
Kind regards, Tom
Hey Tom!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.av-main-nav ul { top: 70%; }
.avia-menu-fx { bottom: 56px; }
.header-scrolled .avia-menu-fx { bottom: 29px; }
Cheers!
Yigit
Yigit,
thank you so much for your help. I had to play a little with the px and it works. The only thing now is when a submenu is open and you scroll down one red underline is moving upwards. Is there a solution to fix this?
Cheers, Tom
Hi Tom!
Try with this code instead:
#avia-menu > li > a {
max-height: 25px;
line-height: 0px !important;
}
.avia-menu{
display: table;
height: 200px;
}
.header-scrolled .avia-menu{
height: 102px;
}
#avia-menu{
display: table-cell;
vertical-align: middle;
}
Regards,
Josue
Hi Tom,
Can you please create me an administrator account? post it here as a private reply.
After adding the code i suggested, the header should behave like this:
Regards,
Josue
Hi Tom!
Changes applied, check it now.
Regards,
Josue
Dear Josue,
thank you so much for fixing this. Awesome!
Am I right with my guess that the smooth minimization (as it happens with the logo) is not possible?
Kind regards, Tom
Hey Tom!
Hmm, i don’t that would be possible with this approach, but it’s not really that noticeable unless you scroll really slow.
Cheers!
Josue
You are right. Thank you.
Cheers, Tom