Pro Header is Firefox cropping menu items

Hi there,

In Safari and Chrome it’s fine, but in Firefox menu items are pushed to 2 lines and partly cropped. How can this be resolved?

Screenshot here: https://screenshot.net/pl5k8a7
pw: pic

Site is; http://wordpress-148426-486371.cloudwaysapps.com/

Hi designandstuff,

The problem is actually the difference between font rendering of the Firefox and the Chrome and Safari browsers. Firefox renders the fonts a little bit bigger and Bolder than the webkit based browser such as Chrome. Having said that even in the Chrome browser if you make the browser window smaller you will see that the same thing will happen:

This is happening because there is not enough space for each menu item to contain the whole word, and that is why it breaks to the second line.

Actually, there is no solution for this it’s a matter of the spacing you will need to play with the font options of the menu items in the Pro header Builder to make sure that you select the proper font size for proper window size.

You can make use of the hide during the breakpoint feature if you are interested in having a separate inline navigation element different font size for different devices.

Thank you for your understanding.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.