Ventur - How can I reduce the width of the navigation menu on mobile view?

Solved
Tourist
7 0 1

I want to reduce the width of the navigation menu when on mobile on the venture theme so that the rest of my website is more visible, also change the font size of the menu items. I attached a picture of how my menu looks right now.

 

nav menu2.png

0 Likes
Highlighted

Success.

Shopify Partner
247 23 31

Hi, @MirceaDanBiz,

Add this code at the bottom of your theme.scss.liquid file

.drawer--left {
  min-width: 160px;
  width: auto !important;
}
.drawer__nav-link--top-level {
  font-size: 1em;
}
.js-drawer-open-left .is-moved-by-drawer {
    -ms-transform: translateX(160px);
    -webkit-transform: translateX(160px);
    transform: translateX(160px);
}
Let's make the best store!
Contact us at: thepremierstores@gmail.com
0 Likes
Highlighted
Tourist
7 0 1

@PremierStores Thank you, this worked perfectly :)

0 Likes