[Resolved] Menu decoration and position of mobile navigation

[David]

I must say that did make laugh…. a lot 🙂 Thank you. I have the same problem with the cat and the coffee.

So replace this:

@media (min-width: 768px) { 
    .slideout-toggle { 
        display: none; 
    }
}

With this:

@media (min-width: 768px) { 
    .gen-sidebar-nav .sf-menu>li.slideout-toggle {
        display: none;
    }
}

@media (max-width: 768px) { 
    .textwidget .slideout-toggle { 
        display: none; 
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nils]

🙂
Unfortunately, that does not work. the 2nd button (the “new”) is hidden, the 1st button remains.

[David]

Oh dear…. i just edited the code above, can you try that.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nils]

no change with the new code 🙁
maybe i’m doing something wrong?

[edit]
I should go to bed and try again tomorrow afternoon.
Thank you for your great support and a good night!

[David]

Hi there,

So on desktop i can see: Menu toggle in top widget. And its removed from the sidebar menu.
On mobile, its just the mobile menu.

So whats not right? Let me know

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nils]

Hi David,

first, when you’re in Berlin I like to invite you for a coffee 🙂

The problem is that the menu-toggle in the Topbar only appears in the Desktop view. I wanted to try to hide the toggle in the topbar only in the desktop view and completely hide the toggle in the left sidebar.

I hope my english does not sound unfriendly, that’s not my favorite language and sometimes google has to help me ..

[David]

You’re English is fine 🙂 Better than my German, which isn’t a lot.

OK so to be clear.
On the Desktop there should be no Toggle shown anywhere?
And on mobile i assume you want the Toggle to appear at the top?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Nils]

🙂
That’s exactly how I thought so

[Tom]

Try replacing this:

@media (max-width: 768px) {
    .textwidget .slideout-toggle {
        display: none;
    }
}

With this:

@media (min-width: 769px) {
    .textwidget .slideout-toggle {
        display: none;
    }
}

Then add this:

@media (max-width: 768px) {
    .main-navigation .menu-toggle {
        display: none;
    }
}

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Nils]

Excellent! Many Thanks! You are the master of the universe!
I wish you and David a nice weekend 🙂

Nils

[Tom]

haha thank you! 🙂

Glad we could help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts