[SOLVED] managing topmenu responsiveness

[fsbetta]

Hallo everyone, this is my first post here, I have a problem with the new theme I'm configurating:

the top menu switches too early from the popup version to the scroll down for mobiles version but I can't find what css file manages that. I'm working on localhost so I can't provide a link to the site but this is the demo version of the theme http://addons.prestashop.com/it/demo/FO8352.html as you can see the menu changes for a width around 1170 pixels I'd like to have it changing at 950.

Thanks for everyone will try to help me with some tips.

Edited November 10, 2014 by fsbetta (see edit history)

[vekia]

theme_style.css

 

change max-width and min-width values to meet your expectactions

@media only screen and (max-width: 1199px) and (min-width: 768px)
#header .menu ul.nav_item {
display: none;
}

[fsbetta]

Thanks you've been very helpfull, I finally can manage the whole menu as I like.

 

if someone has the same problem if you don't change also this part: 

@media only screen and (min-width: 1200px) {
#header .menu .mobile { display:none!important; }
}

you'll have both the menues on display.

[ZoXx]

where i can find the theme_style.css?

cant find it in my /themes/default-bootstrap/


thanks!

[vekia]

where i can find the theme_style.css?

 

cant find it in my /themes/default-bootstrap/

 

 

thanks!

 

you use the same theme or something different?

[matik4]

where i can find the theme_style.css?

 

cant find it in my /themes/default-bootstrap/

 

 

thanks!

 

in case someone is looking to edit topmenu responsiveness from the default theme - you have to edit relevant values (as in previous posts) in:

 

yourtheme/css/global.css, (around line 2208 to 2669)

yourtheme/css/modules/blocktopmenu/css/superfish-modified.css and

yourtheme/js/modules/blocktopmenu/js/blocktopmenu.js (line 40 and 45)