Title: Second/Third Level Menu font not working
Last modified: April 24, 2019

---

# Second/Third Level Menu font not working

 *  Resolved [kavson](https://wordpress.org/support/users/kavson/)
 * (@kavson)
 * [7 years ago](https://wordpress.org/support/topic/second-third-level-menu-font-not-working/)
 * Hi
 * I have added new menu with second and third level menu items, non of the font
   changes get picked up at all, I tried to add some css but still not working and
   seems to be only picking up default theme menu font styles…
 * I would like the menu to look like the demo one on the main site.
 * #mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu
   > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-main #mega-menu-main 
   > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-
   menu > li.mega-menu-item > a.mega-menu-link {
    /* Mega Menu > Menu Themes > Mega
   Menus > Second Level Menu Items */ color: #666; font-family: Comic Sans MS, cursive,
   sans-serif; font-size: 10px; text-transform: uppercase; text-decoration: none;
   font-weight: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-
   align: top; display: block; border-top: 0px solid #555; border-left: 0px solid#
   555; border-right: 0px solid #555; border-bottom: 0px solid #555; }
 * #mega-menu-wrap-main #mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu
   > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main #mega-menu-
   main > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-
   sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main #
   mega-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item
   > a.mega-menu-link:focus, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-
   megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-
   menu-item > a.mega-menu-link:focus {
    /* Mega Menu > Menu Themes > Mega Menus
   > Second Level Menu Items (Hover) */ color: #555; font-weight: bold; text-decoration:
   none; background: rgba(0, 0, 0, 0); }
 * How do I get the menu to pick up the font changes and not the site theme styles?
 * Gerard
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsecond-third-level-menu-font-not-working%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [7 years ago](https://wordpress.org/support/topic/second-third-level-menu-font-not-working/#post-11465939)
 * Hi Gerard,
 * Your theme is forcing its own styling on the menu using !important CSS.
 * You’d need to create a child theme, copy the header.php file to it (or whichever
   file is responsible for outputting the menu), then remove this class:
 * [https://screencast.com/t/9HEyrfDCChN](https://screencast.com/t/9HEyrfDCChN)
 * Then add this CSS to put the menu back into the correct position:
 *     ```
       #site-navigation {
           text-align: center;
           -webkit-box-flex: 0;
           -webkit-flex: 0 1 100%;
           -moz-box-flex: 0;
           -moz-flex: 0 1 100%;
           -ms-flex: 0 1 100%;
           flex: 0 1 100%;
           -webkit-align-self: auto;
           -moz-align-self: auto;
           -ms-flex-item-align: auto;
           align-self: auto;
       }
       ```
   
 *  Thread Starter [kavson](https://wordpress.org/support/users/kavson/)
 * (@kavson)
 * [7 years ago](https://wordpress.org/support/topic/second-third-level-menu-font-not-working/#post-11466273)
 * Worked great thank you, was in a different php file but I found it..

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

The topic ‘Second/Third Level Menu font not working’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [font](https://wordpress.org/support/topic-tag/font/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)

 * 2 replies
 * 2 participants
 * Last reply from: [kavson](https://wordpress.org/support/users/kavson/)
 * Last activity: [7 years ago](https://wordpress.org/support/topic/second-third-level-menu-font-not-working/#post-11466273)
 * Status: resolved