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

[ddai]

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

[PageFly-Kate · 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.

[ddai]

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. 

[PageFly-Kate]

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

[ddai]

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.