Don't display menu on tablet & mobile version (responsive)

Hi Jordan,
no, there is not such a possibility in the Header Theme Options.
I think you didn’t had a look at the website or screen I had attached.
I was wondering if there is a better solution in CSS to fix this than I did it – see code below.

/* ---- Don't display secondary Menu on mobile ----  */

@media only screen and (max-width: 1280px) {
.breadcrumb.breadcrumbs.avia-breadcrumbs,
.av-submenu-container,
nav.sub_menu {
display: none !important;
}}

/* ---- Don't show "Startseite" when screen is small @ main menu ----  */

@media only screen and (max-width:1280px) {
nav.main_menu #menu-item-3345 span.avia-menu-text {
display: none !important;
}}

/* ---- Don't display Main Menu ----  */

@media only screen and (max-width: 940px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
display: block;
}

.responsive .av_mobile_menu_tablet .main_menu {
display: none;
}

.html_mobile_menu_tablet #mobile-advanced {
display: block;
}}

• This reply was modified 8 years, 8 months ago by Magnolia.

Hi Rikard,

unfortunately I can’t solve my problem with that CSS – this means the the => secondary menu and the => Fullwidth Sub Menu still appears on tablet.

I repeat it:

=>>> I don’t want to display the

• Secondary Menu
• Fullwidth Sub Menu

on tablet (!) AND mobile version (!!!)

(see the screenshot I had attached in the private area)

Please HELP!

Sorry for the late reply!
THIS was what I was looking for! Thank you Yigit so much!!!

:)