Shape 5

Joomla Templates => Eventfull - Club => : commie November 23, 2015, 09:11:34 AM


: Main menu acts funny
: commie November 23, 2015, 09:11:34 AM
phuketmountainbike.com

Text in the very first item on the menu (about us) collapses when I hover mouse over it. Other menu items don't, even though they are of the same width.

Also, how do I change main menu font size and spacing between lines?

: Re: Main menu acts funny
: jonahh November 23, 2015, 01:10:51 PM
Hello,

Which browser is the main acting funny occurring in? I can't replicate in FireFox.

For the menu font size you can adjust here:

:
#s5_nav li a {
    color: #ffffff;
    font-size: 1em;
}

s5_flex_menu.css (line 138)

What do you mean spacing between lines, do you mean vertical? If so you can adjust the height here and this will decrease spacing:

:
#s5_menu_overlay #s5_nav li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    float: none;
    font-size: 3.2em;
    height: 83px;
}
template.css (line 2497)

: Re: Main menu acts funny
: commie November 23, 2015, 07:07:17 PM
I use Chrome. Just checked with IE, same result.

Yes, I meant vertical spacing between main menu lines. It doesn't all fit in on smaller screens.

: Re: Main menu acts funny
: jonahh November 24, 2015, 01:24:28 PM
Ok and for smaller screens you can change height here as the font size adjusts and gets smaller:

:
#s5_menu_overlay #s5_nav li {
    font-size: 2em;
    height: 46px;
}
s5_responsive.css (line 254)

Looks like you increased your font size of sub menus so to decrease this you can also add the following right below the above code:

:
#subMenusContainer a, #s5_nav li li a {
    font-size: 1.1em;
}