Helix Ultimate Template Sticky Menu + CSS Issue
m2media
Hi, I'm having an issue with the shaper_helixultimate template. The sticky menu does not properly display as you scroll on mobile. The menu dissapears at times while scrolling up and down.
Also, I am having a css problem with my secondary menu below the main menu in desktop view. I was hoping you can help me figure it out as I have spent a few hours with no success. I tried changing the z-index of the seconday menu, but then the main menu's dropdown menu falls behind it. The main menu is encroaching the secondary menu making the upper 50% of the secondary menu not clickable.
Rashida Rahman
Accepted AnswerHi there!
I have checked your this link: https://smartsiteservices.com/clients/mundy
It seems there are some custom changes to your logo height and margin padding values there. Let me explain.
Your Header height is 80px but you have set your logo image to 90px, this causes the header container holds extra space below. Please see the screenshot:
Please lower your logo image height.
You have set top margin for your logo column: https://prnt.sc/26kzdom. Please remove that margin.
There are some bottom padding for menu column: https://prnt.sc/26kzf2u. Removing that padding will finally help you get your header fixed I hope.
If you didn't set those values manually, then using the following custom code will also serve your perpose. You need to put the code snippet in your custom CSS:
#sp-logo {
margin-top: 0px !important;
}
.logo-image {
height: 80px !important;
}
#sp-menu>.sp-column {
padding-bottom: 0px !important;
}Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
m2media
Accepted AnswerAwesome! Thank you so much. My secondary menu works again. Everything works great, you are fantastic.