Hi,

I change menu CSS code and I have problems to show fine my new menu in all devices. Here you my menu in IPAD. responsivetest.net/#u=http://www.goierri.eus|2048|1536|2

My layout configuration is in attachment file.

Thanks

Hi

You have two options - change the collapse point in the settings in theme magic or you can try tweaking the css via a media query to try to fit the links on one line at this width

Cheers
Paul

Hi Paul,

I think that best option is change CSS. Can you help me please?

Thanks

Can you remind me of the site url?

Cheers
Paul

www.goierri.eus

Looking at the code you have

@media screen and (min-width: 970px) {
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
padding-top: 15px;
padding-bottom: 0px;
padding-right: 30px;
padding-left: 15px;
line-height: 86px;
max-width: 305px;
min-width: 90px;
height: 76px;
background: none;
}
}

You need to either adapt it or create new media queries - looking at the site the first drop down value is

@media screen and (max-width:1250px) {
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > span {padding-right: 20px;padding-left: 15px;min-width: 90px;}
}

@media screen and (max-width:1200px) {
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > span {padding-right: 10px;padding-left: 5px;}
}

and so for values to the collapse value is reached

You would also want to adjust for min width and max width - you may also want to adjust font sizing in the media query

Cheers
Paul