Remove mobile menu on child theme

Resolved

(@iagochat)

Hi,
I’m using a child theme of GeneratePress for a landing page, but I can’t remove the mobile menu no matter which technique I’ve used.

This is how the CSS of the child theme looks like:

.page-template-page-tolanding #left-sidebar, .page-template-page-tolanding header,.page-template-page-tolanding #primary-menu,.page-template-page-tolanding #footer-widgets,.page-template-page-tolanding footer {display:none;}
.page-template-page-tolanding .separate-containers, .page-template-page-tolanding .inside-article {padding:0;}

.page-template-page-tolanding .site-main {margin:0}
.page-template-page-tolanding .entry-content {margin:0;}
.page-template-page-tolanding .site-content {padding:0;}
.page-template-page-tolanding .one-container .site-content {padding:0;}

.entry-meta {display:none;}
@media (max-width: 768px) .nav-aligned-center.nav-above-header .main-navigation .sf-menu>li, .nav-aligned-center.nav-below-header .main-navigation .sf-menu>li, .nav-aligned-right.nav-above-header .main-navigation .sf-menu>li, .nav-aligned-right.nav-below-header .main-navigation .sf-menu>li {
    display: block;
    margin: 0;
    text-align: right; !important
}
@media (max-width: 768px)
button.menu-toggle {display:none;}

.header-widget {float:left;}
.pum-theme-123, .pum-theme-default-theme {
    background-color: rgba(113, 105, 105, 0.75);
}

Can anyone tell me what should I change / delete / add in order to totally remove the mobile menu?

Thanks in advance,
Michael

Viewing 7 replies - 1 through 7 (of 7 total)

Theme Author Tom
(@edge22)

9 years, 7 months ago

What do you want instead of the mobile menu? The regular menu? Or nothing at all?

Let me know 🙂

Thread Starter iagochat
(@iagochat)

9 years, 7 months ago

Hi Tom and thanks for the quick response,
I want nothing at all
Theme Author Tom
(@edge22)

9 years, 7 months ago
Give this CSS a try:
```
.menu-toggle {
    display: none;
}
```
Thread Starter iagochat
(@iagochat)

9 years, 7 months ago

It works on desktop (when minimizing the window) but still appears on mobile device
Theme Author Tom
(@edge22)

9 years, 7 months ago
Hmm, it shouldn’t.

Try this:
```
@media (max-width: 768px) {
    nav .menu-toggle {
        display: none;
    }
}
```
Thread Starter iagochat
(@iagochat)

9 years, 7 months ago

Perfect!
Thank you very much 🙂

Theme Author Tom
(@edge22)

9 years, 7 months ago

You’re very welcome 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Remove mobile menu on child theme’ is closed to new replies.