Center Align main menus in header on the mobile version - Palo Alto Theme

Store Design
, ,
1

main menu.png
main menu.png380×558 10.8 KB

Current align

Hello,

On the mobile version, when I click hamburger icon in header, main menus show up left aligned.

How can I center align all main menus when I click hamburger icon?

Current align:

MENUS

CONTACT

EMPLOYMENT

Prefer align:

MENUS

CONTACT

EMPLOYMENT

Thank you for your assistance in advance.

https://www.yook92.com (password: 692)

2

@YK92

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.mobile-navlink {text-align: center;font-weight: 600;}

KetanKumar_0-1677270749555.png
KetanKumar_0-1677270749555.png464×825 21.8 KB

3

Hi @YK92 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

.mobile-nav {
    text-align: center !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

4

Hello, I would like to ask you how could I use this code to align my header menu on mobile in crave theme. link: https://microplanet.cz/