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

Solved
Tourist
4 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.

Trailblazer
146 14 17

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
Tourist
4 0 1

@PremierStores Thank you, this worked perfectly :)

0 Likes