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

Solved
Highlighted
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

Success.

Shopify Partner
180 16 20

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