Jump to content

Reducing the size of submenu text on mobile display - too large for all items to display

Recommended Posts

Site URL: https://www.votewaltersmith.org

Password: givewalteryourV

For the nav menu item Issues, there are a number of submenu items and they display fine on a PC.  When I view the site on a mobile device, the submenu text is so big that the list gets truncated.  Also, the submenu text doesn't even display when the phone is held horizontally.  Is there a way to reduce the submenu text size for just mobile and have it at least display the full list in vertical mode on a phone?

Thanks!

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Thanks, Tuanphan.  Quick question, if I try this and don't like how it works, does this Custom CSS still show in the CSS Editor so that I can remove it?  I couldn't find an article anywhere about removing Custom CSS if you don't like what it does.  With all the "warnings" about using Custom CSS, I didn't want to break my entire template/site by putting in Custom CSS only to find out I didn't like what it did.  Thanks!

Link to comment
5 hours ago, WGSmith said:

Thanks, Tuanphan.  Quick question, if I try this and don't like how it works, does this Custom CSS still show in the CSS Editor so that I can remove it?  I couldn't find an article anywhere about removing Custom CSS if you don't like what it does.  With all the "warnings" about using Custom CSS, I didn't want to break my entire template/site by putting in Custom CSS only to find out I didn't like what it did.  Thanks!

You can remove it anytime 😂

It is always there, if deleted it then the effect it created will be deleted, the website will not be affected by anything.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 5 months later...

Hello, so I have similar problem and i've tried using this code but it didn't work. I want the menu on the phone to be with less padding because when someones enter my website through instagram or other app they cant see the button on the bottom unless they scroll down. I have used the button as a the "contact us" page. It is not obvious that they have to scroll down and many customers of mine complain that they can't contact me through the website because they don't see it. There is a plenty of space after the Logo and the social media icons how can i minimize this so that everything fits ok? Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.