Responsive Problem with hidden menu items

Hi,

I have a problem with hidden menu items in larger sceen-size than 1024 px.
When the size is smaller than 1024 px the menu is ok and shows only the expected items.

When the size is larger than 1024 px all menu items are displayed. That is not OK.

I have no idea where to edit the responsive settings.
Please can you help me?!?

Thank you,
Stefan

CSS:
@media only screen and (max-width: 660px) {
#menu-item-529 { display:none!important; }
#menu-item-636 { display:none!important; }
#menu-item-627 { display:none!important; }
#menu-item-864 { display:none!important; }
#menu-item-526 { display:none!important; }
#menu-item-865 { display:none!important; }
#menu-item-527 { display:none!important; }
}

@media only screen and (min-width: 980px) {
#menu-item-1212 {display:none!important; }
#menu-item-1211 {display:none!important; }
#menu-item-1213 {display:none!important; }
#menu-item-1215 {display:none!important; }
#menu-item-1214 {display:none!important; }
#menu-item-1216 {display:none!important; }
#menu-item-1217 {display:none!important; }
#menu-item-1242 {display:none!important; }
#menu-item-1243 {display:none!important; }
}

• This topic was modified 8 years, 7 months ago by sroemer.