Remove bold text from all categories in main menu

[carnagelan]

Hi Guys

I am busy with my site in2designs.co.za

All the categories in the main menu have bold text accept for contact which is the default. 

How do i remove the bold text from the category? I am using the default/classic theme.

[Razi]

If you are talking about submenu of main link then here is the css

/themes/classic/assets/css/theme.css

.top-menu a.dropdown-submenu {
    font-weight: 400;
 }

 and if you want to change the main link fount then here is the css

 .top-menu a[data-depth="0"] {
    font-weight: 400;
}

[carnagelan]

20 minutes ago, Razi said:

If you are talking about submenu of main link then here is the css

/themes/classic/assets/css/theme.css

.top-menu a.dropdown-submenu {
    font-weight: 400;
 }

 and if you want to change the main link fount then here is the css

 .top-menu a[data-depth="0"] {
    font-weight: 400;
}

Thank you. It works for the desktop version but on mobile all the sub menu items are still bold

[Razi]

For mobile screen you need to change in same theme.css file

#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
    font-weight: 400;
}

[carnagelan]

17 minutes ago, Razi said:

For mobile screen you need to change in same theme.css file

#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
    font-weight: 400;
}

Thank you. Its perfect. 

[carnagelan]

11 hours ago, Razi said:

For mobile screen you need to change in same theme.css file

#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
    font-weight: 400;
}

Hi Man.

If i leave my theme.css as default and add this to my custom.css should it work?

[Razi]

yes you need to add with !important like this

#mobile_top_menu_wrapper .top-menu .sub-menu li > a {
    font-weight: 400 !important;
}

 

also clear the cache after update file.