Brooklyn theme - Site moves when opening sidemenu

Solved
bjornar
Tourist
8 1 2

Hi, I have the hamburger menu in Brooklyn, and when I open it, it moves the whole site to the right when opening, and to the left again when closing. I want it so that only the nav menu slides in and out, while the page stays still. Can anyone help me?

0 Likes
satsinghrana
Shopify Partner
139 12 21

I can help you please share store Url.

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
0 Likes
LitExtension
Shopify Partner
688 71 124

This is an accepted solution.

Hi @bjornar

Please place this code at the end of the "timber.scss" to solve your problem.

.js-drawer-open-left .drawer__header-container, .js-drawer-open-left .page-container {

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}

.site-nav--mobile .site-nav__link[aria-expanded="true"] {

    position: fixed;

    left: 320px;

    right: 20px;

    z-index: 10;

}

Screenshot to refer: https://prnt.sc/127m2vl

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
bjornar
Tourist
8 1 2

Thank you! Do you know how I can keep the scrolling function on the site when the menu is open?

Edit, found it out. Timber.scss -> .js-drawer-open -> change overflow from hidden to visible.

0 Likes