Bolding Menus In 2016

For the top menu, you have to modify your CSS. Change the font-weight in this block to 700

.fusion-main-menu > ul > li > a {
    border-top: 3px solid transparent;
    height: 83px;
    line-height: 83px;
    font-family: 'Antic Slab', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #333333;
}

For the primary menu, you have to INSERT font-weight: 700 !important;

media="all"
.fusion-page-title-bar h1, .fusion-page-title-bar h3 {
    margin: 0;
    padding: 0;
    font-weight: 700 !important;
    line-height: 26px;
    font-weight: normal;
    font: 14px 'MuseoSlab500Regular', arial, helvetica, sans-serif;
    color: #343333;
}

Hi Bob,

Thank you for the help.

When I search through all my CSS i see nothing like that and I have version 4.4.2

Ive heard there are 2 types of wordpress also.

Heres a link to my site if that helps

https://djadamjohn.com/

Thanks for the link. Try replacing the .site-navigation a block of code in style.css. I added font-weight: 900 !important;

media="all"
.site-navigation a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900 !important;
}

I have it on line # 963 of https://djadamjohn.com/wp-content/themes/snaps/style.css?ver=4.4.2

Hi Bob,

Thank you that tip I tried it but as well but it did not work when I updated the file.

The menu tabs are still not bold.

My .site navigation is showing in the /* =Navigation
————— section.

Not the media-“all” section you above I am not sure if that makes a difference here is what I see :

/* =Navigation
———————————————– */

.site-content .site-navigation {
clear: both;
margin: 0;
}
.site-navigation a {
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
font-weight: 900 !important;

I added what you said but it is not working sorry

I see that your menu items have been bolded and I see this code in your CSS file

media="all"
.site-navigation a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900 !important;
}

Everything looks correct. Is it possible that you are looking at a cached copy? Have you cleared your browser cache or tried to view the page through Chrome Incognito?