Google Font Weight + Small Ubermenu Tweak

[Marco Volpato]

Hi there,

1. I am having issues with google fonts.
In the Font Options Menu, I have set the body font to Source Sans Pro 400.

I have some custom css that makes the text in the Testimonials slider “Source Sans Pro” weight 300. It works just fine in Safari, but in Chrome and Firefox it still appears as weight 400. Even when I use the inspector to change the weight, it won’t go less than 400.

It won’t let me use the different weight styles from the Source Sans Pro font family?
Is there a way to solve this? Not sure why it only works in Safari.

2. The dropdown for the main menu navigation bar is 1px too high. Not sure how to solve this without affecting the mobile menu as well.

Appreciate any help.

Regards,
Marco.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
1- You are using Source Sans Pro:400 then you cant use 300. Google by default load 400. You need also to load 300 font by puttin this code at custom css code:-
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300);

2- For sub menu:-

#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1{
margin-top:1px !important;
}

Thanks
Mohammad

[Marco Volpato]

Hi Mohammad,

Thanks for the font fix.

The menu tweak worked, but only for that specific sub menu?

Maybe my image was misleading, the issue is actually with all the sub menu’s. (Including the theme’s cart & wish-list drop-downs.)

Is there custom css that applies to the nav bar as a whole?

Thanks!

[Kyle – SUPPORT]

Try this:

ul.sub-menu {
margin-top:1px !important;
}

– Kyle

[Marco Volpato]

Perfect mate, cheers

Marco.

[Rui Guerreiro – SUPPORT]

No problem. Thanks Kyle
-Rui