Remove menu icon from mobile

Discussion in 'Variant WordPress Theme' started by demmyhonore, Apr 24, 2017.

Thread Status:
Not open for further replies.
  1. demmyhonore

    demmyhonore New Member

    Joined:
    Feb 25, 2017
    Messages:
    5
    Likes Received:
    2
    Hi there, as the template will just be used to show 1 page, there is no need for a menu icon to be visible.

    I did put the snippet
    #menu-toggle {
    display: none !important;
    }

    But this only removes the menu icon from desktop and thus keeps being visible on mobile.

    Thank you for your help!
     

    Attached Files:

  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    You need to paste the below custom CSS code in Dahshboard->Appearance->Theme Options->Styling settings->Custom CSS field.
    Code:
    @media only screen and (max-width: 767px){
    .mean-container .mean-bar{
    display:none;
    }
    } 
    This will help you to figure it out and resolve the issue(s).

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     
  3. demmyhonore

    demmyhonore New Member

    Joined:
    Feb 25, 2017
    Messages:
    5
    Likes Received:
    2
    Thank you, this solved it!
     
  4. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    You are most welcome :)
     
    smith likes this.
Thread Status:
Not open for further replies.

Share This Page