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
Highlighted
Shopify Partner
262 26 40

This is an accepted solution.

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