How to center the text in dropdown menu - Publisher Theme

[randytheasian]

URL: https://jsdqft-gs.myshopify.com/

 

[steve_michael2 · Accepted solution]

Hi @randytheasian ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

ul#HeaderMenu-MenuList-3 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[rajweb]

To center the text in the dropdown menu in the Publisher theme, you can use custom CSS. Here’s how to do it: 

Follow these steps:

1. Online Store > Themes > Edit Code 

2. Under the Assets section, find the  base.css (or any relevant stylesheet) and click to open it.

3. Add the following CSS code at the bottom of the file:

ul#HeaderMenu-MenuList-3 {
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}

result:

If I was able to help you, please don't forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma