Dropdown Menu Centered - Prestige Theme

ivandev
Visitor
2 0 0

Hi, 

I would like to center the Dropdwon menu from the main navigation in the Prestige Theme, but nothing seems to work. 

It's currently displaying in the left and I want to display just below and cantered to each of the Links in the nav. 

Could anyone help me with this? 

Thank you!

Replies 2 (2)

Andrew
Shopify Staff (Retired)
1746 173 316

Hi @ivandev,

Hyde here from Shopify.

Yes! The best people to help you with that are the Prestige developers. They can give you the most factual, undiluted, authoritative guidance on how to achieve what you want to achieve.

I hope that helps!

All the best, Hyde.

To learn more visit the Shopify Help Center or the Community Blog.

MS-WEB-DESIGNER
Shopify Partner
3012 181 484

Dear @ivandev ,

Hope the following suggestions will help you.

  • From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
.MegaMenu .MegaMenu__Item .MegaMenu__Title,  .MegaMenu .MegaMenu__Item .Linklist .Linklist__Item {text-align: center !important;}
/* End*/

 

  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.

  • Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.