XF 2.2 Howto- Add Menu Text to Hamburger Icon

[ActorMike]

AB tests have shown that there are more clicks on a hamburger icon if it says "menu". Add this to your extra.less and change the color to whatever you need.

This changed a little in 2.2 so here is the newer CSS.

//Add Menu Text to Hamburger Icon
.p-nav .p-nav-menuTrigger::after {
    content: "menu";
    font-style: normal;
    text-transform: uppercase;
    font-size: 1.1em;
    padding-left: 3px;
    position: relative;
    top: -6px;
    color: #f2dfff;
}

 

[Ozzy47]

Bit off topic, is that your forum?

 

[ActorMike]

Bit off topic, is that your forum?

Yes, since 2001.

 

[Max Taxable]

It's cool.

 

[Ozzy47]

Yes, since 2001.

Cool, I’ll have to join it. I recently purchased a 64 Landau that I’m in the process of restoring.

 

[ActorMike]

Cool, I’ll have to join it. I recently purchased a 64 Landau that I’m in the process of restoring.

Cool! Lots of resources there and lots of information from members around the world. 22k+ on our facebook group alone!

 

[Ozzy47]

Joined and membership upgraded.