Dawn theme | align center items on mobile menu

[milkymotorsport]

https://milkymotorsports.com/

Can someone pls provide code to align the items in the screenshot to the center?

[Team_OSC]

Hi @milkymotorsport ,

If you want to align center this section then follow this step:

1. Open customization

2. Select header section

3. Go to custom section block

4. Paste this code

.menu-drawer__utility-links {
  text-align: center;
}

5. Save it and refresh it.

[Moeed]

Hey @milkymotorsport

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 tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @milkymotorsport

Please add this to your theme.liquid file after tag

[PageFly-Henry]

Hi @milkymotorsport

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

.menu-drawer .list-social {

justify-content: center !important;

}

.menu-drawer__utility-links {

text-align: !important;

}

}

Hope that my solution works for you.

Best regards,

Henry | PageFly