Menu issue

tpsphi

Hi team!

I tested my site on a MacBook (1280x800) and the menu was acting strange. It looked like there was not enough space for the text so it was pushed down lower (below the logo). When I scroll, the text is not in the white bar at the top, it is still pushed below. 

Do I have to reduce the text in the menu to make it work for that resolution, or is there a work around you can suggest?

Website: http://bit.ly/1Tw9FKo

Before scroll: http://bit.ly/1GhmCgZ

After scroll: http://bit.ly/1JZspNT

Thanks!

Albert

Hey,

as you wrote, it's definitely true that there is not enough space in header.  So or you will decrease font size in menu:

#Top_bar .menu > li > a { font-size: 12px !important; }

or you will decrease padding between menu items:

#Top_bar .menu > li > a span:not(.description) { padding: 0 13px !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

dnlmartins

Where do i change this?

tpsphi

@dnlmartins: You can find the area to paste this in, under Apperances --> BeTheme Options --> Custom CSS. If you cannot see the changes when you log out of the site, make sure you are not using a caching plugin (or the websites cache will need to be purged).

@muffingroup: Thanks for the code! This worked great!

dnlmartins

Hi

My problem is

In screens with resolution below 1152x864  the menu is hidden .

I want that menu in line. 

PS.This only happens in IE 

My website: www.centrodeesteticacampolina.com.br        And Image of error http://pt-br.tinypic.com/view.php?pic=k00g9v&s=8#.VYMn8PlVhBc

Tks for help

Albert

@dnlmartins This is how responsive menu works. If you want to change time when menu switch from regular to responsive, please take a look at http://forum.muffingroup.com/betheme/discussion/29/responsive-toggle-value

Learn more: Video Tutorials | How To | FAQ Vote on what comes next