Docs

[Friech]

Hi There,

Sorry for the confusion. Joao means add your menu items on your current menu (not to create a new menu) and we will just hide it on desktop and only show on mobile.

I did go ahead and added the “Client Login”, “Contact #”, and “Get started” button items on your menu, and you will only see this on mobile, because of the class I’ve applied on it. You can see the custom CSS I added on your Customizer.

Hope it helps, Cheers!

[Transfac]

That looks great! Thanks for your assistance

[Friech]

We’re delighted to assist you with this.

Cheers!

[Transfac]

Question: I noticed that the bottom of the button on the mobile only menu seems to be getting cut off. Is there a way to add some space to the bottom? Also, how would I go about underlining the Client Login and Phone Number sections?

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media only screen and (max-width: 900px) {
.x-navbar .mobile .x-nav {
    padding-bottom: 20px;
} }

Hope it helps

Joao

[Transfac]

It definitely did! Thanks. What about underlining the two links above the button?

[Jade]

Hi there,

Please add this code in the CSS:

.x-nav-wrap.mobile .mobile-only a {
    border-bottom: 1px solid #fff;
}

.x-navbar .x-nav-wrap .x-nav>li.mobile-only:not(.x-btn)>a span {
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding-bottom: 5px;
}

Hope this helps.

[Transfac]

It definitely did. Thanks again!

[Jade]

You’re most welcome.

[Author]

Posts