Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
WGSmith

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

Question

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!

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

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

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

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!

Share this post


Link to post
  • 0
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.


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...