Add text under Hamburger Menu Icon

Support
#1

I would like to add text under the hamburger icon in my header navigation menu. I see you can add it and it will appear to the right. Is there a way to move it under the icon?

#2

Hi Mark,

Thank you for reaching out to us. Try this, assign a class menu-button to your mobile navigation element:

Then add the following code in the Theme Options > CSS:

.menu-button.x-anchor-toggle:after {
    content: 'Menu';
    position: absolute;
    bottom: -8px;
    color: #fff;
    transition: all 0.3s ease;
}
.menu-button.x-anchor-toggle:hover:after {
    color: #000;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

#3

Thanks, Just what I needed.

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.