Secondary menu is not shown in mobile when floating right

Hi there,

this CSS you have is causing the Site Header to be displayed on mobile:

@media (max-width: 768px) {
    #masthead {
        display: block !important;
        opacity: 1;
    }
}

remove that to fix the issue.

If I remove this, I dont see the secondary menu in the mobile, that is the goal. See screenshot to see the result.

https://culturafacilita.org/wp-content/uploads/2020/06/secondary-menu-not-shown.jpg

Can you take a look at this post and see if it helps?
https://generatepress.com/forums/topic/secondary-menu-not-appearing-in-mobile/

Leo, that is the post we are discussing in this thread that is not working for me because I see the main logo.

Did you remove the CSS?

Can you add it in so I can see the issue?

I have put the CSS in the web.
Here I explain what I dont want: https://culturafacilita.org/wp-content/uploads/2020/06/mobile-header-with-css.jpg

Thanks

Can you double-check the link for the screenshot?

It isn't working for me.

https://culturafacilita.org/wp-content/uploads/2020/06/mobile-header-with-css.jpg

Or try that:

https://ibb.co/28mS0wF

Give this CSS a shot:

@media (max-width: 768px) {
    .inside-header .site-logo {
        display: none;
    }
    #secondary-navigation {
        margin-bottom: 0;
    }
}

Not working. I dont see the secondary menu on mobile.

See
https://culturafacilita.org/wp-content/uploads/2020/06/code-not-show-secondary-menu.jpg

or
https://ibb.co/jZrxFPM

Sorry can you make it back to this state again:
https://ibb.co/28mS0wF

Then add my CSS to remove the logo?
https://generatepress.com/forums/topic/secondary-menu-is-not-shown-in-mobile-when-floating-right/#post-1319658

Done

Now add my CSS as well:
https://generatepress.com/forums/topic/secondary-menu-is-not-shown-in-mobile-when-floating-right/#post-1319658

Don't remove your previous CSS.