Menu items to be left aligned

Solved
blisskare
Excursionist
32 0 6

Hello Team, 

My store is www.blisskare.com and I am using Narrative theme. When I click on the hamburger menu, the items inside are centrally aligned - could you please make them left aligned?

Screen Shot 2021-09-21 at 11.53.33 PM.png

0 Likes
HardikDavra
Shopify Partner
2464 386 1037

This is an accepted solution.

@blisskare 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

.navigation__container .navigation__links {
text-align: left;
}

 

 

blisskare
Excursionist
32 0 6

@HardikDavra 

Thanks for your help. However, this made the menu items far-left aligned. Could you please shift it like below demonstration? I would be really helpful.

Screen Shot 2021-09-22 at 11.50.43 PM.png

0 Likes
HardikDavra
Shopify Partner
2464 386 1037

This is an accepted solution.

Please add this code at the bottom of theme.scss

.navigation__container {
    max-width: 980px;
    padding: 0 20px;
    margin: 0 auto;
}
blisskare
Excursionist
32 0 6

Thanks a lottttt @HardikDavra. Combination of those 2 codes gave me the right result. So thankful to you

 

0 Likes