How can I center the dropdown menu in the Prestige Theme?

Store Design
1

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!

2

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.

3

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.