Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #706313

    Hi I am wanting to add the word “MENU” before the hamburger icon when using the hamburger icon on the main website (not mobile website).

    I have found instructions elsewhere on this forum for how to do this for the mobile version but not the desktop version when having the menu be displayed as icon and not text in the settings…

    Any easy way to do this please?

    Thanks,
    James.

    #706317

    Hey James,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    li#menu-item-burger:before {
        content: 'Menu';
        position: absolute;
        left: 10px;
        top: 10px;
    }
    

    Best regards,
    Yigit

    #706318

    Hi Yigit,

    No that didn’t work…

    Any other ideas?

    Thanks,
    James.

    #706325

    Hi!

    Can you please post the link to your website? We might need temporary admin logins as well, so please post them here privately if you do not mind :)

    Cheers!
    Yigit

    #880457

    Here’s what (sort of) worked for me (I’d prefer it if the menu also opened when you clicked on the word “menu”). Note, this is for screen widths wider than tablet portrait:

    @media only screen and (min-width: 769px) {
      li.av-burger-menu-main:before {
        content: 'MENU';
        position: absolute;
        left: -40px;
        top: 35%;
      }}
    #880654

    Hi,


    @sky19er
    You could try changing the code to following one

    @media only screen and (min-width: 769px) {
      li.av-burger-menu-main a:before {
        content: 'MENU';
        position: absolute;
        left: -40px;
        top: 35%;
      }}

    If that does not help, please start a new thread under Enfold sub forum and post a link to your website :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Add the word "MENU" before the hamburger icon’ is closed to new replies.