Mobile Menu

Home › Forums › Jevelin Theme › Mobile Menu

Home › Forums › Jevelin Theme › Mobile Menu

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts

  • BigPurpleBox
    Participant

    Instead of the 3 horizontal lines I’d like to change that to the word ‘MENU’. I’m not sure where to look to alter this appearance.

     

    Thanks

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @BigPurpleBox,

     

    I hope you are well today and thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #header-navigation-mobile .c-hamburger span {
    display: none;
}
#header-navigation-mobile .c-hamburger{
    text-indent: 1px;
    width: auto;
    height: auto;
}
#header-navigation-mobile .c-hamburger:after{
    display: block;
    content: "MENU";
    font-size: 15px;
}

     

    Best regards,
    Shufflehound team

    BigPurpleBox
    Participant

    Perfect, thank you.

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)