How can I align menu items to the left in Narrative theme?

Store Design
1

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
Screen Shot 2021-09-21 at 11.53.33 PM.png3351×1790 298 KB

2

@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;
}
1 Like
3

@Hardik29418

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
Screen Shot 2021-09-22 at 11.50.43 PM.png3346×1859 288 KB

4

Please add this code at the bottom of theme.scss

.navigation__container {
    max-width: 980px;
    padding: 0 20px;
    margin: 0 auto;
}
1 Like
5

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