Dawn Theme - Mobile menu open from right?

xnyjyh
Excursionist
135 0 6

Hello, I have moved my menu to the right side in mobile view. How can I get the menu to also open from the right side rather than open from the default left?

Replies 13 (13)

ShishirHelps
Shopify Partner
57 2 4

Hi @xnyjyh 

Can you please provide your store URL? Or give me a message. so that I can provide you with a solution that can work for your store?

 

Yoo

Shishir Hasan | Shopify Developer

- I'm Shishir Hasan a Shopify Website Developer | Funnel Builder | Ads specialist.
- Need a Shopify developer?

Chat on WhatsApp || Work with Upwork


- If this solves the problem, please don't forget to Mark it as Solution!

Dan-From-Ryviu
Shopify Partner
6973 1319 1342

Hi @xnyjyh 

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
.menu-drawer {
transform: translate(100%) !important;
}
</style>

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

xnyjyh
Excursionist
135 0 6

It did not work, unfortunately.

Dan-From-Ryviu
Shopify Partner
6973 1319 1342

Please update the code

 <style>
.menu-drawer-container .menu-drawer {
transform: translate(100%);
}
</style>

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

xnyjyh
Excursionist
135 0 6

It works, but only if youre at top of page. If youre anywhere else, the menu opens but only at top of page. you have scroll back up to see the menu.

Dan-From-Ryviu
Shopify Partner
6973 1319 1342

Did you check on your mobile device? 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

xnyjyh
Excursionist
135 0 6

That's all I needed it for. Not desktop. Just for mobile view only to have drawer menu side open from the right.

Dan-From-Ryviu
Shopify Partner
6973 1319 1342

Please check your site using mobile device because I don't get the issue that you mention when checking using chrome and safari using my iPhone

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

xnyjyh
Excursionist
135 0 6

I do use mobile  device to check all mobile view changes.

xnyjyh
Excursionist
135 0 6

Here are some screen shots using Chrome. And you can also slide sideways as seen in one of the screen shots. Other screen shot the bottom of menu as it's stuck top of site it seems.

Screenshot_2023-12-27-20-30-14-68_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

Screenshot_2023-12-27-20-30-28-20_40deb401b9ffe8e1df2f1cc5ba480b12.jpg

Dan-From-Ryviu
Shopify Partner
6973 1319 1342

Check this video 

https://www.youtube.com/shorts/jKrmNYwOuAM

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

xnyjyh
Excursionist
135 0 6

and weird! my logo is suppose to be aligned left on mobile but its all weird on your mobile 😞 what is going on!!??

xnyjyh
Excursionist
135 0 6

Any reason why the menu is doing that on ALL the browsers i tested on but not yours? Ive cleared cookies/cahe etc on all browsers for mobile and still does that. And only on your browser my logo is not aligned left. im confused...