custom css to show/hide mobile menu

  • sheldon

    (@sheldony)


    5 months ago

    Hi.

    I have a few problems

    1. Using custom CSS, I would like to hide the current nav and show the mobile menu when the browser width is less that 1322 pixels, but I can’t seem to find the classes for mobile menu to do that. Can you tell me what they are? As a side note, I had used the plugin’s page (visibility options) to enable mobile and used the slider to determine pixel width, but then that changed a bunch of the fonts on the site for some reason.
    2. I did manage to find this class .mob-menu-header-holder, but I guess it is not the right one, because when I make the browser window smaller, a second mobile menu appears.

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    4 months, 3 weeks ago

    Hi @sheldony

    Sorry for the delay. You can do that with the Mobile menu Width trigger.

    Check this article and set the widht to 1322, below this resolution it should show our mobile menu and hide the desktop menu. It may be necessary to identify the elements of the desktop menu to hide.

    I checked your website only after writting and it seems you got this sorted. Can you confirm if you still need any help?

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.