Adjusting the Tab size on the menu
-
On my website, I have several subheadings that get cut off because they are longer words. My boss wants this fixed – he wants the entire word to fit on one line. This could be accomplished either by shrinking the selected words’ font, or by widening the menu’s tabs
The blog I need help with is: (visible only to logged in users)
-
Hi, your site is set to private so none of the volunteers here will be able to help unless you invite us to take a look.
If that doesn’t work for you then could you let us know which theme you are using and post a screenshot of the issue so we’re better placed to help.
-
-
Hi there, thanks for setting your site to be public!
Though I am not a deep CSS expert, I was able to find the proper CSS code to decrease the font size for your drop down menu items so they would appear like so:
http://awesomescreenshot.com/09e5zre50cusing this CSS code:
.main-navigation ul ul li a, .main-navigation ul ul ul li a, .main-navigation ul ul ul ul li a, .main-navigation ul ul ul ul ul li a {
font-size: .631em !important;
}Adding the above code will make most of your drop down menu items fit within one line, however, it will not satisfy the desired outcome for all of the menu items since some of them are longer.
Here is an article on how to add the custom CSS to your theme if you want to give it a try:
https://en.support.wordpress.com/custom-design/editing-css/Let us know if you need an additional solution or if using this code will satisfy your boss.
Best,
-Cat -
-
- The topic ‘Adjusting the Tab size on the menu’ is closed to new replies.
WordPress.com Forums 