fluffycat 1 Share Posted February 7, 2020 Site URL: http://catographer.tokyo Hi. May I know how can I go about changing the font size of the hamburger navigation menu, as it appears too large on the mobile version of my site? Thanks in advance! m_knittel 1 Link to post
5 tuanphan 9,559 Solution Share Posted February 8, 2020 Add to Home > Design > Custom CSS .header-menu-nav-item a { font-size: 10px; } doverkohl 1 Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 tuanphan 9,559 Share Posted February 7, 2020 I see fine here. Can you take screenshot? Also, if you want to create 2 languages site, use this guide or here (by me) Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 fluffycat 1 Author Share Posted February 8, 2020 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!! Link to post
0 fluffycat 1 Author Share Posted February 10, 2020 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!! Link to post
0 nancydesign 2 Share Posted March 26, 2020 Also would be good to know how to left align all the text and change the spacing between the menu items! Link to post
0 tuanphan 9,559 Share Posted March 26, 2020 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. Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 hugs 0 Share Posted March 27, 2020 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/ Link to post
0 nancydesign 2 Share Posted March 27, 2020 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. Link to post
Question
fluffycat 1
Site URL: http://catographer.tokyo
Hi.
May I know how can I go about changing the font size of the hamburger navigation menu, as it appears too large on the mobile version of my site?
Thanks in advance!
Link to post
Top Posters For This Question
3
3
2
2
Popular Days
Mar 27
3
Feb 7
2
Feb 8
2
Mar 26
2
Top Posters For This Question
fluffycat 3 posts
tuanphan 3 posts
nancydesign 2 posts
hugs 2 posts
Popular Days
Mar 27 2020
3 posts
Feb 7 2020
2 posts
Feb 8 2020
2 posts
Mar 26 2020
2 posts
Popular Posts
fluffycat
Site URL: http://catographer.tokyo Hi. May I know how can I go about changing the font size of the hamburger navigation menu, as it appears too large on the mobile version of my site? Tha
tuanphan
Add to Home > Design > Custom CSS .header-menu-nav-item a { font-size: 10px; }
Posted Images
9 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment