Hi!
thanks for your great theme. Im using Vantage Premium with “UberMenu 3 – The Ultimate WordPress Mega Menu” -plugin and wanted to display it full width on my site. I found today a solution to do that in this thread with this custom css of yours:
body.responsive.layout-full #page-wrapper header#masthead .site-navigation {
margin: 0 -35px;
}
body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container {
background: #333;
max-width: 100%;
}
body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container .mega-menu-wrap {
margin: 0 auto;
max-width: 1080px;
}
So I would like to move the menu text links still aligned left but more to center to excatly same placement where they are displayed in your Vantage menu (I guess 1080px).
You can check out my site ekangasala.fi
I think your custom css above is for different plugin than mine, but I do not know if it matters.
I tried to add margin/padding custom css, but could not find out the solution.
So could you help with this one, please : )
– Petteri
Hi Petteri
Thanks for reaching out.
Try the following at Appearance > Custom CSS:
.ubermenu-nav { margin: 0 auto. max-width: 1080px; }Hope that helps.
Hi!
thanks for your reply, but unfortunately it did not help. At the moment I have these in my custom css:
/* Full Width Layout Menu Width */
body.responsive.layout-full #page-wrapper header#masthead .site-navigation {
margin: 0 -35px;
}
body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container {
background: #333;
max-width: 100%;
}
body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container .mega-menu-wrap {
margin: 0 auto;
max-width: 1080px;
}
ubermenu-nav {
margin: 0 auto;
max-width: 1080px;
}
I cleared cache etc. and I would really need to solve this one. Could you help me with an other suggestion, please.
Apologies, there was a formatting error in the CSS we sent.
The Custom CSS you’ve added is working well. There isn’t any easy way that I can see to take the Vantage search icon with the rest of the nav into the center and still have it responsively adjust. Have you considered turning off the Vantage search option in Theme Settings and using an Uber Menu search option?
Hi!
I managed to center the Ubermenu already. It is hard to believe, but the Ubermenu search-icon system is not the best or the easiest in the world according to my understanding. All I wanted would be the same kind of search icon logic to Ubermenu than you have in Vantage, but I understand that it is not your concern : )
I was able to set it up (ubermenu search icon) and running but the problem is the it is not as good looking as your Vantage search icon when yours is always displayed right aligned in 1080 px container and has also free space in its right side.
I have been testing these for hours and I think we are almost there and wish there was way to add space at the right side of your search icon in this case.
Well you can now check out my site http://www.ekangasala.fi if something comes to your mind.
Thanks,
– Petteri
Now that we’ve had some sleep I think we can figure out a solution :) Taking a look now, we’ll revert shortly.
Step One:
In Custom CSS locate this rule:
body.responsive.layout-full #page-wrapper header#masthead .site-navigation .full-container { background: #333; max-width: 100%; }Remove the max-width: 100%; declaration. This will let the full-container revert to it’s original state.
Step Two:
Locate this rule:
/* Full Width Layout Menu Width */ body.responsive.layout-full #page-wrapper header#masthead .site-navigation { margin: 0 -35px; }Change it to:
body.responsive.layout-full #page-wrapper header#masthead .site-navigation { margin: 0 -35px; background-color: #333; box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.6); }That should do the trick.
Hello Support Assistants!
or I could say Super Assistants : )
You made my day and Christmas already : ) with your super custom css code; it works like charm!
Thanks for your effort and superior support.
– Petteri
Awesome :) Really glad to hear that helped.
All the best with your site.