Moving the text in burger menu to the right in mobile

[Etay56]

Hey I want to move the text and icons needed to the right side of the menu in mobile, I would love if someone can help me with that, thanks in advance.

 

[Made4uo-Ribe · Accepted solution]

Thanks for the info, check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file

.menu-drawer__menu .list-menu__item {
    justify-content: flex-end
}

• And save
• Result:
• 

[Moeed]

Hey @Etay56 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Etay56]

My store url:

https://7c8266-b4.myshopify.com/

[EduHQ]

Hey there! Checking your result of 9th class result check by roll number Gujranwala board by for the Gujranwala Board is simple with EduHQ.pk. Just like adjusting the CSS for a mobile menu, you can visit EduHQ.pk and navigate to the Gujranwala Board section. Enter your roll number in the provided field to instantly access your results. If you have any questions about using EduHQ.pk or need further assistance with the result checking process, feel free to ask—I'm here to assist you!

[Made4uo-Ribe]

Hi @Etay56 

Would you mind top share your store URL? Thanks!

[Etay56]

https://7c8266-b4.myshopify.com/

[Made4uo-Ribe · Accepted solution]

Thanks for the info, check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file

.menu-drawer__menu .list-menu__item {
    justify-content: flex-end
}

• And save
• Result:
• 

[Etay56]

Thank you very much, the only thing left is to make the arrows be in the left side of the words and directed to the left if possible

[Made4uo-Ribe · Accepted solution]

I check your store, you already manage to direct the arrow on the left. but if you like to align on the left. Add this code on the base.css.

#Details-menu-drawer-menu-item-2 summary {
    justify-content: space-between;
}

And Save. 

result: