Second/Third Level Menu font not working

Resolved kavson
(@kavson)

6 years, 12 months ago

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 to see the link]

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

Plugin Author megamenu
(@megamenu)

6 years, 12 months ago
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

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
(@kavson)

6 years, 12 months ago

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.

Tags