responsive menu

tomasgarciasantas · April 2016

Hi!!...I have a website done with your theme. (hosteldosmonos.com) The thing is that the full menu is only shown when the browser windows almost maximized, if it is a little smaller the responsive icon for the menu appears, I dont want this, is there a way to change it so if my browser window is not open almost to the max of my screen i can still see the full menu?. i guess it has to do with a responsive size but i dont know where to change that parameters... thank you!!

Albert · April 2016

Hi,

yes, you can change this behave with Responsive Visibility option which is located under Theme options > Responsive section.

Thanks!

tomasgarciasantas · April 2016

if you mean -Responsive Menu Initial width- when i change it the menu is not aligned with the logo....

tomasgarciasantas · April 2016

Albert · April 2016

Yes, that's the option we meant. Sorry for this mistake. However, the logo is not aligned with the menu items because as we can see, there is not enough space on that screen resolution for 4 menu items and the logo. You can try to decrease padding for menu items with the following css but we can not guarantee that this would work properly on all devices. That's why we always recommend to display mobile menu on smaller screens.

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

tomasgarciasantas · April 2016

actually I dont think is a materr of space, because reducing the padding or even chosing a very small font size there´s a lot of space but it still not aligned. Maybe is about a minimum width size that toggles the resposive menu, or something like that??, if is that where can i change it?

thank you!

Albert · April 2016

Yes, it is a matter of space of course. And the css we gave you above is the only way to put logo and menu items on the same line.

responsive menu

Comments