Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #443683

    HI team,

    I would like to assign a different menu on responsive view such as mobile,
    is there any option let me to tick for the menu assign to ?

    Please help!

    regards,
    Akzleung

    #443746

    Hi Akzleung!

    Please go to Appearance > Menus and click on “Screen Options” on the top right and check “CSS Classes” then edit your menu elements and give them custom classes as in example – http://i.imgur.com/RPC1DZz.png
    Then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
    .hide-on-mobile { display: none !important; }}
    @media only screen and (min-width: 990px) {
    .hide-on-desktop { display: none !important; }}

    Best regards,
    Yigit

    #444172

    hi Yigit,

    Your css works perfectly!
    Thank you!

    Best regards,
    Akzleung

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

The topic ‘Different menu on mobile view’ is closed to new replies.