Font size in drop down menu

  • Resolved Heatherhoag

    (@heatherhoag)


    9 years, 5 months ago

    Hi. I am using Purity lite which is beautiful and I love BUT I need to change the font size in the drop down menu of the main navigation. My site is ufca.org. Under Admissions there is a page called “International Students” which can not be shortened (it’s the name of the program that international families will be looking for) and does not fit so it says “Internationa lStudents” Is there a way to fix this? I am not super techie so please explain your CSS code change stuff. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi Heather,

    thanks for using MH Purity lite and we’re happy that you like the theme. ??

    You could install a plugin for custom CSS (e.g. Simple Custom CSS) and then add this CSS code:

    .main-nav ul ul li { width: 210px; }

    That code will increase the available space for the text within the sub-menu items.

    When looking for CSS code to customize, you can in general use tools like for example Firebug to inspect your site. This quick tutorial also might be helpful when it comes to CSS changes: Basic CSS Tutorial to add Custom CSS to your WordPress Website.

    Thread Starter Heatherhoag

    (@heatherhoag)

    Thanks but nope – still says Inernationa lStudents

    You have commented out the code we provided, so instead of adding this:

    /*.main-nav ul ul li { width: 210px; }*/

    You’ll need to add this:

    .main-nav ul ul li { width: 210px; }

    If added properly, the code will work for sure.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Font size in drop down menu’ is closed to new replies.