How to change the icon of the mobile menu

Sandra97
Offline Topic Author
New Member
Posts: 11
Thanks: 0

How to change the icon of the mobile menu was created by Sandra97

Posted 2 months 1 week ago #71817

Hi,

I would need to replace the hamburger icon (screenshot 1) by a text + a caret (screenshot 2) but didn't find how to achieve this. Could you please help?
I'm currently using the free version. If it's something doable with the pro version only, no issue, I'll subscribe to the pro version.

Thanks in advance for your help.

Sandra

by Sandra97

Attachments:

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29302
Thanks: 3720

Replied by ced1870 on topic How to change the icon of the mobile menu

Posted 2 months 1 week ago #71818

Hi
in the styling options you can choose to remove the hamburger icon, and add a custom text
but you can not choose to use a triangle

so you can do that using custom css :

Code:

.mobilemenuck-bar-button {
    text-indent: -999em; /* to remove the hamuburger icon */
}

.mobilemenuck-bar-button::after {
    display: block;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: 15px;
    left: 15px;
    border-top: 14px solid red;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Sandra97
Offline Topic Author
New Member
Posts: 11
Thanks: 0

Replied by Sandra97 on topic How to change the icon of the mobile menu

Posted 2 months 1 week ago #71819

Thanks for your help!

Sandra

by Sandra97

Please Log in or Create an account to join the conversation.