Solved

Change And Fix Size Of Cart Drawer On Mobile DAWN 8.0.0

1989streetwear
Explorer
73 0 10

Hi guys, I would like to make my cart drawer full screen.

Check the image for reference.

Does anyone have any idea how to fix this?

website: 1989streetwear.com

pass: bet1989

IMG_B9A6C3330A9A-1.jpeg

Marco
Accepted Solution (1)

GemPages
Shopify Partner
5588 1261 1207

This is an accepted solution.

Hi @1989streetwear,

 

Glad to support you today.

 

You can check out my suggestion below to get your concern resolved.

 

1. Go to Edit code on Online Store:

 

GemPages_0-1678268925082.png

 

2. add my code  above the </body> tag on Theme.liquid:

 

<style>
	@media(max-width: 425px) {
		#CartDrawer .drawer__inner {
			width: 100vw !important;
			max-width: 100% !important;
		}
	 }
	
</style>

 

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5588 1261 1207

This is an accepted solution.

Hi @1989streetwear,

 

Glad to support you today.

 

You can check out my suggestion below to get your concern resolved.

 

1. Go to Edit code on Online Store:

 

GemPages_0-1678268925082.png

 

2. add my code  above the </body> tag on Theme.liquid:

 

<style>
	@media(max-width: 425px) {
		#CartDrawer .drawer__inner {
			width: 100vw !important;
			max-width: 100% !important;
		}
	 }
	
</style>

 

Hope you find my answer helpful!

Kind & Best regards,
GemPages Support Team.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
1989streetwear
Explorer
73 0 10

THANK YOU SO MUCH

Marco
GemPages
Shopify Partner
5588 1261 1207

I am so glad that my recommendation can help 😉.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
exfguy
New Member
7 0 0

Did not work, is there an option for it to take up half the screen? 

OR was this a mobile only fix?

exfguy
New Member
7 0 0

Nevermind that worked, i want to do it on desktop so i will keep looking