Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Transparent mobile menu

Home / Forums / Virtue Theme / Transparent mobile menu

This topic is: Resolved
[Resolved]
Posted in: Virtue Theme
September 18, 2017 at 12:06 pm

Hi there,

I’ve made my mobile menu transparent with the following CSS

.clearfix.kad-mobile-header-logo {
background: transparent;
}

That works as intended, however how do I get the menu header to switch to a #000 background when the burger menu icon is selected, ie, when the menu is expanded?

Currently, only the menu items themselves have a background color, but not actual the header (Basically I can’t figure out what I need to add background: #000; to target the header itself).

Also, how do I move all my mobile content, including home sliders and other sliders, up 50px so it’s all behind the transparent mobile menu?

(Screenshots and links below)

Many thanks!

  • The forum ‘Virtue Theme’ is closed to new topics and replies.