[Support request] Secondary menu is not shown in mobile when floating right

[Fernando Díaz Gascón]

Hello,
I have put the language selector (WPML) in the secondary menu, in the right side of the logo, and I find that in mobile, it dissapears (I have the mobile header on).

I checked this answer and I put the CSS, but it appears the main logo in mobile (I attach a screen capture with the result. Here: ), so it looks weird. I would like to remove the logo and that space.

Thank you in advance.

[David]

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.

[Fernando Díaz Gascón]

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

[Leo]

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

[Fernando Díaz Gascón]

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

[Leo]

Did you remove the CSS?

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

[Fernando Díaz Gascón]

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

[Leo]

Can you double-check the link for the screenshot?

It isn’t working for me.

[Fernando Díaz Gascón]

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

Or try that:

https://ibb.co/28mS0wF

[Leo]

Give this CSS a shot:

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

[Fernando Díaz Gascón]

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

[Leo]

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

[Fernando Díaz Gascón]

Done

[Leo]

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.

[Author]

Posts