Configure for mobile and tablet with responsive menu

  • cranston6577

    (@cranston6577)


    4 years ago

    Hi,

    This is the first website I’ve built on WordPress, so I have little experience.

    [ redundant link removed ]

    I needed to configure the site for mobile and tablet and used the responsive menu plug-in to make a hamburger menu.

    I now need help with keeping the original menu on each of the desktop pages and hiding the hamburger. Then I need the opposite changes on mobile and tablet pages i.e. hiding the original menu so the hamburger can be used instead.

    I’ve tried in pages, transparent header etc

    Elementor/Atra

    Can anyone point me to a straightforward solution for a newbie?

    Many thanks

    • This topic was modified 4 years ago by Jan Dembowski.
    • This topic was modified 4 years ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Varshil

    (@varshil151189)

    4 years ago

    Hi
    You can Simply do this with the CSS. For screen Size 992 and larger, you can set display: none to hamburger menu and for the screen Size lesser than 992, you can make hamburger to display: block and main menu to display: none.

    Thread Starter cranston6577

    (@cranston6577)

    4 years ago

    Hi Varshil,
    Thanks for the input but where do I enter these parameters?

    Varshil

    (@varshil151189)

    4 years ago

    Hi,
    You can write the below code in your css file

    Replace the code
    #rmp_menu_trigger-1223 {
    display: block;
    }

    With
    #rmp_menu_trigger-1223 {
    display: none;
    }

    ———-

    and after that write below new code in your css file

    @media screen and (max-width: 991px){
    #rmp_menu_trigger-1223 {
    display: block;
    }

    .site-header-primary-section-right{
    display: none;
    }
    }

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

The topic ‘Configure for mobile and tablet with responsive menu’ is closed to new replies.