More words in the header causes wrap issue

Question

Hello my client would like more words in the top header (nav). This causes a wrap issue for page widths under 1200px until the header collapses completely around 990px. In my case it is the size of the logo that is causing the wrap issue, where the header drops to another line below the logo. The logo is 320x200. Is there an easy way that I can allow my client to have more words in the header without the header dropping to another line? link is here: https://dev0.altprep.co.uk/index5.shtml Chee…

SemiColonWeb · Accepted Answer

Hello,

This occurs when there are too many items in the Menu than the available size. You can consider decreasing the Size of the Text in the Menu on these devices:

.device-lg #primary-menu ul li > a {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
    letter-spacing: 0px;
}

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

hilla4g · Answer

Great thank you that seems to have helped!