Docs

[Jacko_Pinto]

Hello.

1 -Is it possible to have a site menu look like it does on mobile devices… I mean have it be “hidden” and have those three lines present at all times so that users have to click on them to reveal the menu? (see attached)
2- Are there recommended plugins to display a Souncloud Feed and and Instagram feed inside an X theme site?

How would I do this?

Best regards!

[Rahul]

Hi There,

Thanks for writing in!

Try adding following CSS under Appearance > Customize > Custom > CSS:

nav.x-nav-wrap.desktop {
    display: none;
}

a.x-btn-navbar {
    display: block;
    float: right;
}

.x-nav-wrap.mobile.collapse.in {
    display: block;
}

Hope it helps.

[Jacko_Pinto]

Thanks I will try it.

Now, I’m having trouble finding where to change the color for the menu when viewed on mobile devices.

This is the URL: http://ccdrcurridabat.com/anai/

When viewed on mobile, the whole menu area is white. Where do I change this? I can’t find it.

Thanks!

[Rad]

Hi there,

Would you mind providing a screenshot? Is it the mobile icon color, or is it the background color? I don’t see any white area on navbar on my mobile browser.

Thanks!

[Jacko_Pinto]

This reply has been marked as private.

[Joao]

Hi there please the following code at your Appearance > Customize > Custom > CSS

a.x-btn-navbar,
.x-btn-navbar:hover,
a.x-btn-navbar.collapsed,
.x-btn-navbar.collapsed:hover {
    color: blue;
}

Hope that helps,

Joao

[Jacko_Pinto]

Thanks,

But I only need it to visible when the window shrinks or when viewed on mobile devices, not all the time.

Thanks for the help!

[Jacko_Pinto]

After I tried that my menu is completely gone now. Please help!

[Paul R]

Hi,

The code provided above should fix it.

Please add the code in Appearance > Customize > Custom > Edit Global CSS

If that doesn’t help, please provide wordpress admin login in private reply.

Thanks

[Jacko_Pinto]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.x-btn-navbar.collapsed {
    color: rebeccapurple;
}
.x-btn-navbar.collapsed:hover,.x-btn-navbar:hover {
    color: #000;
}

Hope that helps.

[Jacko_Pinto]

Thank you.

I added that code but the menu bar is still not visible when I shrink the window. How can i fix this?

[Jacko_Pinto]

Sorry, I can see it now. It looks like there was a cache issue. Thanks for the help!

[Friech]

Cool, we’re delighted to assist you with this.

Cheers!

[Author]

Posts