Changing Font Size of Mobile Navigation Menu

Add to Home > Design > Custom CSS

.header-menu-nav-item a {
    font-size: 10px;
}

I see fine here. Can you take screenshot?

Also, if you want to create 2 languages site, use this guide or here (by me)

15 hours ago, tuanphan said:

I see fine here. Can you take screenshot?

Also, if you want to create 2 languages site, use this guide or here (by me)

Hi! Thanks for the quick response!

When viewed on my mobile (Android, Chrome browser), the font seems a little too big for me and are overlapping with each other, that's why I was trying to figure out how to change the size settings of the font.

Changing the Heading and Paragaph settings in the design area under 7.1 affects the entire site, but does not seem to affect the mobile navigation menu. The older CSS that worked in 7.0 does not seem to work in 7.1 either.

And thank you so much for the multilanguage site guide! It's on my roadmap and I'm really grateful to have a good starting point with your guides!!

On 2/8/2020 at 5:07 PM, tuanphan said:

Add to Home > Design > Custom CSS

.header-menu-nav-item a {
    font-size: 10px;
}

 

Thank you so much!!! That really helped me out a lot!!

Also would be good to know how to left align all the text and change the spacing between the menu items!

7 hours ago, nancydesign said:

Also would be good to know how to left align all the text and change the spacing between the menu items!

Difficult to help without checking url.

I'm having the same issue: changing the navigation font size in mobile with affect the web/ipad version - but the code  above isn't working. 

any suggestions?

url: http://www.artthou.co.uk/  

actually ignore - sorted it. 

On 3/26/2020 at 2:41 PM, tuanphan said:

Difficult to help without checking url.

it's www.hackneydesignstudio.com

I used some code I found to have a burger menu on the main nav. Ideally I'd prefer a flyout menu from the right or more options to customise the drop down menu.