main menu

[joysa]

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.

 

[websensepro]

Hi @joysa , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[joysa]

shifabynajla.myshopify.com

shifabynajla

[Moeed]

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

[joysa]

Thank you. But please check how I want it to be 

 

[Made4uo-Ribe]

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!

[joysa]

Thank you. But please check how I want it to be 

 

[BSS-TekLabs]

 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.

[joysa]

Thank you. But please check how I want it to be