Dawn Theme: Move Header Menu To The Right Slighty

Technical Q&A
1

Hi,

I would like to Move Header Menu To The Right Slightly so that it aligns with where the search bar starts. Please could you let me know the code to do this.

store URL: https://xyfitxl1zigxqlt0-63671140606.shopifypreview.com

theme: dawn

thanks in advance!

2

Hi!

Is this in regards to the mobile version of the site, as it looks fine on desktop?

3

@WoodyDev Yes please mobile site only

4

Okay perfect!

You’ll need to find this code in your index file:

header-drawer {
    justify-self: start;
    margin-left: -1.2rem;
}

If you change the margin value to around -1.05rem it should aline nicely for you.

If you need a hand doing this let me know and I can request collaborator access and resolve it for you :slightly_smiling_face:

1 Like
5

Thanks @WoodyDev not too sure where to find the index file. Do you mind letting me know or requesting access. Thanks I’m advance!

6

@slatty

summary.list-menu__item {
    padding-right: 34px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

7

sure no problem, send me your STORE.myshopify.com link and i’ll sort it for you :slightly_smiling_face:

Don’t add that code suggested to the bottom of your file as there is already a ruleset for this area so will make it confusing for future developers.

No need to add extra code if there’s already an editable variable.

8

Thanks @WoodyDev here is the link

http://b-s-exchange-ltd.myshopify.com/

please could you make the edit to the “Copy of Dawn + wishlist hero-PS(17-06-22)” rather than the live theme.

thanks!!

9

Sure thing!

Just sent the request to you now :slightly_smiling_face:

1 Like
10

Approved :slightly_smiling_face:

11

Made the change on your duplicate theme for you, let me know if that’s okay or you want it more to the right :slightly_smiling_face:

1 Like
12

This is perfect. Thanks so much for your help. You are a legend!

13

You’re very welcome!

If you’d like help in the future, feel free to message me directly :grinning_face_with_smiling_eyes:

If you’d spend a quick moment reading through my signature below, it would be very much appreciated :heart:

1 Like