main menu
hello,
I added a submenu for "collection" heading, but the subheadings are now on the top left. How can I make them under collection heading itself. I tried in the customization theme but didn't work.
Hey @joysa
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag\
<style>
@media screen and (min-width: 768px) {
li.navigation__submenu-item {
margin: 0 !important;
}
ul.navigation__submenu-list {
display: flex !important;
justify-content: center !important;
gap: 2rem !important;
}
}
</style>RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you. But please check how I want it to be
Hi @joysa
Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag.
<style>
html:not(.no-js) .navigation__submenu-item [data-link] {
text-align: center;
}
.navigation__submenu {
left: 0 !important;
}
</style>
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you. But please check how I want it to be
Here is the solution for you @joysa
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it
<style>
html:not(.no-js) .navigation__submenu-item [data-link] {
text-align: center !important;
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
Thank you. But please check how I want it to be
