How to change the icon of the mobile menu

Sandra97
Topic Author
Offline
New Member

8 months 3 weeks ago #71817 by Sandra97

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

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

Attachments:

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

ced1870
Offline
Administrator

8 months 3 weeks ago #71818 by ced1870

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

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

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

Sandra97
Topic Author
Offline
New Member

8 months 3 weeks ago #71819 by Sandra97

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

Thanks for your help!

Sandra

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

Time to create page: 0.230 seconds