Docs

[renzofernandez]

Hi,
I would like to change the color of the 3 lines of the mobile button when hovering the button to grey (rgb(115, 115, 115)). Basically, I want to have my mobile button to have the same effect as all of my other buttons on the site. How can I do this?

website: http://feheleyfinearts.com/development/contact-cs/

Thank you.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-btn-navbar.collapsed:hover,
.x-btn-navbar {
    color: rgb(115, 115, 115);
}
.x-btn-navbar.collapsed {
    color: #fff;
}

Hope it helps 🙂

[renzofernandez]

Thanks Thai,
Works perfectly. Couple of more things, how can I remove the little shadow on the bottom of the mobile button?… and if there is a way for me to make the button square rather than with rounded corners (to match all other buttons) that would make it perfect.

[Christopher]

Hi there,

Please add this :

a.x-btn-navbar.collapsed {
    box-shadow: none;
    border-radius: 0;
}
a.x-btn-navbar {
    box-shadow: none;
}

Hope it helps.

[Author]

Posts