Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #173541


    I have just one too many menu items for the header menu space provided and so the last menu text gets pushed down onto the next row. Which we doesn’t want.

    After looking into the CSS i found no quick way to broaden the space of the topmenu. Do you have a hint for us please?

    Thanks in advance!


    Hey jorche!

    Please add following code to Quick CSS in Broadscope theme options and adjust as desired

    #top .avia_mega a { padding: 0 15px; }


    This reply has been marked as private.


    I understand your problem. You just need to adjust the value in previous code. 14px or 13px should be fine, or you can use 1em

    Best regards,


    Thank you again Yigit. But again this didn’t work out.

    After digging back into the code it is stated that this behaviour happens after we included a different font than the standard font with

    font-family: ‘Droid Sans’, Helevtica, Arial, Verdana, san-serif !important;

    (after including the font from the google webfonts repository)

    And this is strange in combination that the menu works fine in 1 line after clicking a menu item OR after entering the adressbar and pressing enter.

    This is killing me :D



    Have you tried this?

    #top .avia_mega a {
    padding: 0 13px !important;



    Just for curiosity. The problem happens if i set the CSS in my child theme to

    body { font-family: ‘Droid Sans’, Helevtica, Arial, Verdana, san-serif !important; }

    After leaving the body font definition as it is, and setting the Droid Sans to p, ul, li, … (and let the menu render in Helvetica, …) the menu works out fine.

    Strange, i don’t get it. But my client can live with it …

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Broaden available menu space’ is closed to new replies.