Debut Theme move mobile menu to the right

Solved
Jonas8
Tourist
12 0 3

Hi guys, i am having a problem with my website. It should be easy but i cant make it work and it would be amazing if someone could help me out. It looks fine on the desktop but on the mobile the logo and menu are on the left and it does not look good. It should be like the demo logo to the left and menu to the right. Can you help me move the mobile menu to the right and keep the logo on the left?

0 Likes

@Jonas8

Please share your website URL.

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
Jonas8
Tourist
12 0 3
Thank you, andchairs.com
The mobile menu and logo are both on the left for some reason.
0 Likes

@Jonas8,

It's looks as you wanted at my end.

Screenshot 2021-04-22 020117.png

Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: shopify.zeian@gmail.com
Cheers!!
0 Likes
Jonas8
Tourist
12 0 3

Skärmavbild 2021-04-21 kl. 23.12.55.png

0 Likes
Jonas8
Tourist
12 0 3

On my phone and i have tried others it looks like this my friend

0 Likes
Jonas8
Tourist
12 0 3

When im logged in customization and look on phone view it looks like this as well.

0 Likes
g33kgirl
Shopify Partner
211 51 64

@Jonas8, on my browser and phone, it looks the same as the screenshot @Zeian_Shahzad posted. Try clearing your cache and cookies and logging in again to your shopify store. You might want to try it in incognite mode as well.

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes
Jonas8
Tourist
12 0 3

Skärmavbild 2021-04-22 kl. 10.57.24.png

Thank you for having look but it still looks like that for me on my phone and in Shopify customization which is strange. I have cleared the cache and cookies. 

0 Likes
g33kgirl
Shopify Partner
211 51 64

Looks like your navigation menu is hidden on small screen, so the menu on the right moves to left. You can add this to your CSS file at the very end (go to Themes -> Edit code -> Assets -> themes.scss.css :

 

 

@media only screen and (max-width: 749px) {
.site-header .grid--table:nth-child(2){
display: block;
margin-left: auto;
}
}

 

 

 

If you found my answer helpful, please LIKE and ACCEPT.
buymeacoffee.com/g33kgirl ☕
If you're not comfortable with code, please modify code files at your own risk.
Do NOT give out your passwords unless absolutely necessary.
0 Likes