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

Solved
MirceaDanBiz
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
PremierStores
Shopify Partner
270 26 47

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

@PremierStores Thank you, this worked perfectly :)

0 Likes
SportInbox
Tourist
11 0 3

Great @PremierStores !!

Thanks for share!!

Also solved my problem!

Mp

0 Likes