Docs

[Wannabiz]

Hi support. I’m having some problems with my mega menu I’m trying to build. First, its position is problematic – it does not appear right below the header (the menu items), but instead appears on the top level menu items and covers them. Second, I want to change the background color of the mega menu and the items’ text. What do I need to do?

Website’s url: wannabiz.com (The mega menu is not there yet, until I can figure it all up).

Thanks in advance, Nati.

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

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

Thanks.

[Wannabiz]

Sorry, I cannot provide you with the login credentials due to security reasons. Can you provide a css code that might help?

This is the code I have in my custom css now:
——————————————————–

x-navbar-inner{
background-color: rgba(255, 255, 255,0);
position:absolute;
width:100%;
}
.x-flexslider-shortcode-container.with-container,
.x-flexslider-shortcode-container .x-flexslider-shortcode {
background-color: transparent;
border: none;
}

.border-thick-gray {
border: #b9b9b9 5px solid;
}

.x-btn-navbar.collapsed {
-webkit-box-shadow: none;
box-shadow: none;
}

.x-btn-navbar.collapsed {
color: #000000;
}
.x-btn-navbar.collapsed:hover {
color: #000000;
}
.x-btn-navbar {
color: #000000;
}
.x-btn-navbar:hover {
color: #000000;
}

.x-nav-wrap.mobile {
background-color: rgba(255,255,255,0.95);
padding: 0 20px;
}

.x-navbar .mobile .x-nav li > a {
color: #000;
}

a.x-btn-navbar {
padding: 4px 10px;
}
a.x-btn-navbar.collapsed {
color: #000;
}
.x-navbar {
background-color: transparent;
}
.x-main {
margin-top: -74px !important;
}
.x-nav-wrap.mobile {
background-color: #fff;
}
.x-navbar {
box-shadow: none;
border: none;
}
@media(max-width: 979px){
body {
background-color: #ddd;
}
}
———————————————
Thanks.

[Rue Nel]

Hello There,

Thanks for the updates! Regretfully we cannot give you anything until we see your megamenu. I would highly suggest that you create a menu with your mega menu it it and apply it to a test page. You may need to edit your test page and assign the newly created menu as your one page navigation menu so that it will not affect the primary menu. Once you have the test page with your mega menu in it, you can provide to us the url of the page so that we can check it. Till then only we can till what is going on with your setup. To know more about how you can set up a megamenu, please check out our knowledge base here: https://community.theme.co/kb/how-to-setup-megamenus/

Thank you for your understanding.

[Wannabiz]

Hi.

Can you please be more specific of how to apply a new menu to a new page without affecting the current menu of all the pages?

[Christian]

Hey there,

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 might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts