Forum Support

Shape 5
March 28, 2024, 06:09:30 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Main menu acts funny  (Read 494 times)
commie
Jr. Member
**
Offline Offline

Posts: 15



« on: 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?
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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:

Code:
#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:

Code:
#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)
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
commie
Jr. Member
**
Offline Offline

Posts: 15



« Reply #2 on: 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.
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #3 on: 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:

Code:
#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:

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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.