Title: Changing WordPress Nav Font Size
Last modified: August 22, 2016

---

# Changing WordPress Nav Font Size

 *  [fidelityseo](https://wordpress.org/support/users/fidelityseo/)
 * (@fidelityseo)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/changing-wordpress-nav-font-size/)
 * I can’t seem to increase the font size
 * #siteHeader .customSelectInner {
    width: 100%; text-align: center; display: block;}#
   siteHeader .customSelect { border-bottom: 1px solid #ccc; } #headerMenu { text-
   align: center; background: #fff; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3),
   1px 1px 11px 0px rgba(88,88,88,0.1) inset; -khtml-box-shadow: 0px 0px 1px 0px
   rgba(0,0,0,0.3), 1px 1px 11px 0px rgba(88,88,88,0.1) inset; -moz-box-shadow: 
   0px 0px 1px 0px rgba(0,0,0,0.3), 1px 1px 11px 0px rgba(88,88,88,0.1) inset; -
   ms-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3), 1px 1px 11px 0px rgba(88,88,88,0.1)
   inset; -o-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3), 1px 1px 11px 0px rgba(
   88,88,88,0.1) inset; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.3), 1px 1px 11px
   0px rgba(88,88,88,0.1) inset; } #headerMenu ul { margin: 0px; } #headerMenu .
   customSelect { text-align: center; } #headerMenu .current_page_item > a, #headerMenu.
   current_page_parent > a, #headerMenu .current_page_ancestor > a, #headerMenu .
   current-menu-item > a, #headerMenu .current-menu-ancestor > a, #headerMenu .current-
   menu-parent > a { font-weight: 700; } #headerMenu > div > ul { border-bottom:
   1px solid #fff; max-width: 1140px; margin: 0 auto; } #headerMenu > div > ul >
   li { display: inline-block; *display: inline; } #headerMenu > div > ul > li >
   a { padding: 22px 17px; display: inline-block; *display: inline; } #headerMenu
   > div > ul > li .arrow { width: 14px; height: 9px; display: inline-block; margin-
   left: -7px; background: url(‘images/menu-arrow.png’); position: absolute; bottom:-
   7px; z-index: 9000; } #headerMenu > div > ul > li:hover .sub-container { display:
   block; } #headerMenu > div > ul > li > .sub-container { display: none; z-index:
   2000; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/
   Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI
   +CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8
   +CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTYlIiBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8
   +CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4
   =); background: -moz-linear-gradient(top, #f5f5f5 0%, #f9f9f9 4%, #f9f9f9 96%,#
   f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-
   stop(0%, #f5f5f5), color-stop(4%, #f9f9f9), color-stop(96%, #f9f9f9), color-stop(
   100%, #f5f5f5)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9
   4%, #f9f9f9 96%, #f5f5f5 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#
   f9f9f9 4%, #f9f9f9 96%, #f5f5f5 100%); background: -ms-linear-gradient(top, #
   f5f5f5 0%, #f9f9f9 4%, #f9f9f9 96%, #f5f5f5 100%); background: linear-gradient(
   to bottom, #f5f5f5 0%, #f9f9f9 4%, #f9f9f9 96%, #f5f5f5 100%); filter: progid:
   DXImageTransform.Microsoft.gradient(startColorstr=’#f5f5f5′, endColorstr=’#f5f5f5′,
   GradientType=0); border-bottom: 1px solid #fff; -webkit-box-shadow: 1px 0px 1px
   0px rgba(0, 0, 0, 0.3); -khtml-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.3);-
   moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 0px 1px
   0px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.3); box-
   shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.3); position: absolute; top: 111px; left:
   0px; width: 100%; } #headerMenu > div > ul > li > .sub-container .arrow-container{
   display: none; } #headerMenu > div > ul > li > .sub-container > ul { line-height:
   32px; max-width: 1140px; margin: 0 auto; padding: 11px 0; } #headerMenu > div
   > ul > li > .sub-container > ul > li { display: inline; padding: 0 22px; position:
   relative; } #headerMenu > div > ul > li > .sub-container > ul > li:hover ul {
   display: block; } #headerMenu > div > ul > li > .sub-container > ul ul { display:
   none; position: absolute; background: #f9f9f9; top: 16px; padding: 22px; white-
   space: nowrap; text-align: left; list-style-type: none; } #headerMenu > div >
   ul > li > .sub-container > ul ul a { font-size: 0.9em;

Viewing 1 replies (of 1 total)

 *  [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * (@stephencottontail)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/changing-wordpress-nav-font-size/#post-5439462)
 * Can you post a link to your site?

Viewing 1 replies (of 1 total)

The topic ‘Changing WordPress Nav Font Size’ is closed to new replies.

 * 1 reply
 * 2 participants
 * Last reply from: [stephencottontail](https://wordpress.org/support/users/stephencottontail/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/changing-wordpress-nav-font-size/#post-5439462)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics