Re: Cart drawer padding

Solved

How can I align the cart drawer with the hamburger menu?

ddai
Excursionist
22 0 2

I am wanting to make the cart drawer identical with the hamburger menu as far as how far it goes up when opened. My hamburger menu opens up and does not cover any of my header. Would love for it to be the same for the cart drawer. Any and all help is appreciated! My link is ysamani.com

Screenshot 2023-02-21 at 9.52.35 AM.png

Accepted Solution (1)

PageFly-Kate
Shopify Partner
1271 361 389

This is an accepted solution.

Hi @ddai ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-cart-drawer.css->paste below code at the bottom of the file:

.drawer__inner {
   position: relative;
   top: 102px;
}

Hope my answer will help you.

Kate from PageFly Team.

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

PageFly-Kate
Shopify Partner
1271 361 389

This is an accepted solution.

Hi @ddai ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-cart-drawer.css->paste below code at the bottom of the file:

.drawer__inner {
   position: relative;
   top: 102px;
}

Hope my answer will help you.

Kate from PageFly Team.

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

ddai
Excursionist
22 0 2

Yes that worked! Thank you @PageFly-Kate . Do you know a way I can not have the header dimmed when I open the cart drawer? The same as the hamburger menu. When I open the hamburger menu, everything is dimmed except for the header and the menu itself. 

 

ddai_2-1677028245072.png

 

ddai_1-1677028196597.png

 

PageFly-Kate
Shopify Partner
1271 361 389

I see you changed the way the cart appears. If you need more help I will help you

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.

ddai
Excursionist
22 0 2

I had applied your coding, which worked. I then applied coding to not have the header dimmed while the cart drawer was open. But that made it to where the same cart button was deactivated and couldn't close the cart again.