This topic has 16 replies, 3 voices, and was last updated 7 years, 5 months ago ago by Olga Barlow
Hello,
If fixed header is “ON”, I’m unable to choose sub-menu below, it desapears if I move the cursor down.
How could I fix it ?
http://i1376.photobucket.com/albums/ah34/wilson-legros/Xstore/2016-10-19_175453_zpstq36b7vt.jpg
Thank you,
Kind regards,
Wilson
Hello,
You have enabled maintenance mode and I can’t check your site. Please, provide me temporary admin panel access, so I’ll be able to check and fix the problem.
Regards
Hello Olga,
Please find attached what you need.
I wish you will tell me what you changed 🙂
Kind regards,
Wilson
Hello,
Provide me, please, link to your admin panel, because default one does not work.
Regards
Same thing here – I’ve tried searching the forum and all I could find was some piece of code being mentioned here: https://www.8theme.com/topic/hard-to-open-up-the-sub-menu/ but I can’t find it – seems like a pretty common issue – what’s the code that should be added? Maybe also add it to docs?
Hello,
Olga, sorry, I forgot that the link to admin panel is not the default one, please find it attached.
Kind regards,
Wilson
Hello, @SupaDucta, @wilson-legros,
To fix the problem of large logo and fixed header you need to add the following custom in custom CSS
.fixed-header .nav-sublist-dropdown {
top: 61.5px !important;
}
Top value depends on height of your fixed header.
Regards
Actually, I don’t have a problem with header height as such, it’s the top menu element height. As soon as mouse leaves the rectangle outlined by Firebug in this screenshot, the submenu items can’t be clicked on:
Hi,
@ Olga
Thank you !!!
I can see that you resolved my problom with that code in custom CSS.
Now I can click on sub menu 🙂
@SupaDucta
Try it, you will be happily surprised !
Thank you very much Olga, good work !
Best regards,
Wilson
Hello,
You are welcome!
Regards
Actually the problem was padding here:
header-wrapper header > .container .container-wrapper {
-moz-box-align: center;
-moz-box-pack: center;
align-items: center;
display: flex;
flex-flow: row nowrap;
justify-content: center;
padding-bottom: 2.14em;
padding-top: 2.14em;
position: relative;
width: 100%;
}
I even ended up with logo as small as 64px high, all the same. When I decreased the padding to 1.14em, all worked fine on the first page reload. Then the issue comes back for whatever reason.
Hello, @SupaDucta
Could you, please, provide me the link to your site? We’ll be able to solve your problem faster if I can check the site and understand what causes problem on your site.
Regards
Sure, thanks 🙂
Hello, @SupaDucta
Go to Theme Options > Styling > Custom CSS and add the following code
.nav-sublist-dropdown:before {
top: -50px;
height: 70px;
}
Regards
Olga, thank you VERY much 🙂
You are welcome!
Regards
You must be logged in to reply to this topic.Log in/Sign up