Docs

[cauhemotta]

Hi,

Where can I modify how the top menu looks like? When you hover it, changing the effects… Making a background color in the text when you hover it for example.

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[cauhemotta]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the url of your site. Regretfully your site is under construction. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[cauhemotta]

This reply has been marked as private.

[Thai]

Hi There,

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

.x-navbar .desktop .x-nav > li > a:hover {
    background-color: #8bdece;
    color: #fff;
}

Hope it helps 🙂

[cauhemotta]

Thanks, it helped.

Any menu that I see different in the Demos are made by Custon CSS? Like this one: http://demo.theme.co/renew-6/

Why X didn’t elaborate a easy way to custom that?

The Demo I used first (Integrity 2) have no custon CSS by default. Is custom CSS in some demos?

And please, which is the Custom CSS to see just a hover effect (different colors) on menu itens? No lines, background, etc…)

[Rupok]

Hi there,

If you need to mimic any particular demo, you can easily import them and that’s already documented. You can import different demos to your staging site (that you can validate along with the live site) and see how those are set.

Hope this makes sense.

[cauhemotta]

OK,

But this question remains: Which is the Custom CSS to see just a hover effect (different colors) on menu itens? No lines on top, underlines, background color, etc…)

Can u write ir here for me?

And also: How can I change the SUBMENUS font size, typography, etc? I customized the MENU, but the submenu didn’t changed…

tks

[Prasant Rai]

Hello There,

Thanks for writing in!

Please use following CSS under Custom > CSS in the Customizer:

.x-navbar .sub-menu {
    background-color: #0000 !important;
}

.x-navbar .desktop .sub-menu li > a {
    font-size: 15px;
    color: #ddd !important;
}

Let us know how it goes.

Thanks.

[cauhemotta]

Thanks for the reply.

Please, I would like to know 2 more CSS codes to:

– Remove the top line on the menu (the thin gray line and the hover green when you hover)

– Change the hover submenu hove state. (chage background color, text color, etc…)

[Friech]

Hi There,

The site is in under construction and the credentials provided above does not work anymore. Please provide us the new credentials so we can take a closer look.

Try this css code for the submenu text color and background.

.x-navbar .desktop .sub-menu li.x-active > a:hover {
	background-color: blue;
	color: red;
}

Thanks.

[Author]

Posts