Docs

[Cindy H]

I want to have the collapsable black transparent menu appear under the mobile menu icon as well as under the logo.

Is this possible?I can’t seem to figure out the css code for that.

Workplace Learning

[Joao]

Hi There,

Please try adding the following code to Appereance Customizer Custom CSS, Feel free to adjust the values if necessary.

To center the logo under navbar

.masthead-inline .x-nav {
float: none;
position: relative;
left: 25%;
}

@media (min-width:980px) and (max-width:1080px) {
.masthead-inline .x-nav {
left: 15%;
}
}

To Change the button to transparent with black lines add the following code:

.x-btn-navbar.collapsed {
    color: black;
    background-color: transparent;
    box-shadow: none;
}
.x-btn-navbar.collapsed:hover {
    color: black;
    background-color: transparent;
    box-shadow: none;
}
.x-btn-navbar {
    color: black;
    background-color: transparent;
    box-shadow: none;
}
.x-btn-navbar:hover {
    color: black;
    background-color: transparent;
    box-shadow: none;
}

Hope it helps,

Joao

[Author]

Posts