Mobile menu dropdown design

Hi, I have an issue with the mobile version of the menu and wonder if there are design changes that can be made, I cannot seem to find them if so..
Basically my site is nearly ready, I have sent it to a few people to test but a few of them came back and didn’t realise until I questioned them about the menu that on the mobile version where its a dropdown menu to show sub menu pages, the arrow pointing down suggesting its an expandable menu isn’t at all clear.
Can this be changed/edit in any way to show a plus symbol maybe or something different?

Thank you,

Hello,

The mobile menu has the options shown on the screenshot http://prntscr.com/mmt1uy

If you want to replace arrows with plus symbol provide your site URL we shall provide custom CSS for that.

Best Regards

Hi thanks for your reply, its not the menu button as such. Its the sub menu icons that I mean, please see the example in the private area.

That would be great if you could do that for me, Thank you.

Hello,

In order to add this arrow http://prntscr.com/mn5spw, please add the code to the Theme Settings > Custom CSS >Mobile:

body .icon-sub-menu:after {
    content: "\f178";
    font-family: fontawesome;
}

Best Regards

Is it possible to get a + instead of an arrow?
Thanks

Hello,

Replace the code:

body .icon-sub-menu:after {
    content: "\f067";
    font-family: fontawesome;
}

Best Regards

Perfect, thank you!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts