How can I adjust the mobile navigation size?

[blakelyhi]

Hi I’d like to change the nav size of primary navigation on the mobile version, no luck applying the code I used for desktop so far…

https://afca7f-2.myshopify.com, pw: outdoors

[Jasoliya]

Hi @blakelyhi

If you want to chnage mobile main menu font size then follow this

1. Go to Online Store->Theme->Edit code
2. Asset->theme.css-> paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
  .drawer-menu__primary-links li a { font-size: 15px; }
}

Note: change font size as you want from 15px

Best regard

[blakelyhi]

Thank you for your help - for some reason this secondary nav is not capitalized on mobile like it is in Desktop version, can you help to change that? ‘Goods’ is the example

[Jasoliya]

Try to add this code

.drawer-menu__item.drawer-menu__item--heading .drawer-menu__link span { text-transform: uppercase !important; }