Shopify themes, liquid, logos, and UX
Hello.
I am currently using the split theme. I have moved the logo to the centre and the navigation just below using some suggested css code. However when highlighting the menu I see gap between menu and drop down items. As you can see on the screenshot.
any help is highly appreciated.
thanks.
Solved! Go to the solution
This is an accepted solution.
Hi @Leekasey ,
Try replacing the previous code with the below codes.
<style>
.site-nav.style--classic .submenu.mega-menu {
background: #fff!important;
padding-top: 25px!important;
}
</style>
Best Regards,
Makka
Hi @Leekasey ,
Please provide password to enter your store. I will look into the issue and provide CSS accorgingly.
Hi @Leekasey
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </head> tag
<style>
.site-nav.style--classic .submenu {
background: #fff!important;
padding-top:50px!important;
}
</style>
If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
thank you for getting back to me on this! the solution fixed the issue much appreciated but has caused a new issue to the menu. the padding on the second and third menu has also increased and it looks out of place. thank you for your help in advance.
This is an accepted solution.
Hi @Leekasey ,
Try replacing the previous code with the below codes.
<style>
.site-nav.style--classic .submenu.mega-menu {
background: #fff!important;
padding-top: 25px!important;
}
</style>
Best Regards,
Makka
Thank you ever so much! I appreciate you taking the time to help!
regards.
You're most welcome! It's my pleasure to assist. Should you have any other questions or need further assistance, don't hesitate to reach out. Have a fantastic day!
Best regards,
Makka
Hi @Leekasey
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
.site-nav.style--classic .submenu.mega-menu {
background: #fff!important;
padding-top: 25px!important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024