How To Move Header Menu Words To The Left (Dawn Theme)

MMast
Excursionist
104 0 7

Thanks in advance!

I am looking to move just the Main Menu words (Home, Shop, Contact, FAQ) to the left and just need some help doing so.

Example:

Screenshot 2024-03-21 194640.png

Replies 7 (7)

PageFly-Henry
Astronaut
957 273 216

Hi @MMast 

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


header {

    display: flex !important;

    flex-direction: row;

    justify-content: space-between !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

MMast
Excursionist
104 0 7

The code you provided didn't work.

aldy-expatify
Shopify Partner
39 3 8

Hi @MMast can you share your store url?

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp
MMast
Excursionist
104 0 7
aldy-expatify
Shopify Partner
39 3 8

@MMast just need your confirmation. So you want the header like this?

aldyexpatify_0-1711161987399.png

 

 

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp
MMast
Excursionist
104 0 7

I would like to be able to move the words as far left as possible without adjusting the icons. Just the words.

aldy-expatify
Shopify Partner
39 3 8

You can try this steps:

1. Go to edit code

2. Find base.css

3. Find the css .header__inline-menu

4. Change the margin-left from -1.2rem to -14rem

aldyexpatify_0-1711337423290.png

5. Click save at the top right

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp