Docs

[dutchvortex]

Hello forum,

I would like to change the look of my menu. I can’t seem to find where I can adjust the font size of the menu items. There is also a grey box around my menu and I can’t find where I can change that color. My site is http://www.dutchvortex.nl

Also, is it possible to create a menu like on this site: http://www.falsum.com ?

Last question: how can I get rid of the search bar?

Thank you in advance!

Regards,
Daniël

[Prasant Rai]

Hello Daniël,

Thanks for writing in!

There seems to be an active under construction page. Kindly provide us with the admin details to your site so that we’ll able to check this further.

Thank you.

[dutchvortex]

This reply has been marked as private.

[Christopher]

Hi there,

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

.ubermenu-main {
    background: #0a0a0a;
    border: 1px solid #0a0a0a;
}

Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope it helps.

[dutchvortex]

Hello Christopher,

The CSS code didn’t change anything. I added it at the bottom of the custom css, but nothing happened.

I think the problem is, that the menu isn’t fully full-width, see the attachment.

When I change it back to black, it becomes dark grey and not fully black and you still see the true black sides, like before.

I hope you can help me further.

[Lely]

Hi There,

Do you want the gray around to be black? Please try this CSS:

.ubermenu-main {
    max-width: 1920px;
    background: black !important;
    border: 1px solid black !important;
}
.x-navbar {
    border-bottom: 2px solid red; /*Change red to your preferred color*/
}

Then go to Appearance > Customize > Header > Navbar Top height adjust from 60 to 63.
If this doesn’t work, please do give us screenshot of what you want to achieve.

[dutchvortex]

Yes, thanks a lot! This worked for me!

One last question, how do I get rid of the small grey line above the menu?

[Paul R]

Hi,

To remove it, you can add this under Custom > CSS in the Customizer.

body .x-logobar {
    border:0;
}

Hope that helps.

[dutchvortex]

Yes, that fixed it!

Thank you all very much for the help!

Regards.

[Joao]

Glad to hear it.

Joao

[Author]

Posts