Hello Andrew,
Hope you are fine and well!
I need your help in the following.
Please provide me with the both variants:
1 variant:
Is to make my menu in one line with Metaslider (with Boxed layout bound)
2 variant:
Is to make my menu full width (with Boxed layout bound)
http://joxi.ru/E2pk5d6t6a5ZmY
At this moment I have my footer full width with Boxed layout bound. And that code (found it in another thread) just made my menu in the middle of these variants :)
In my Custom CSS I have:
/* Vantage set menu font family and weight */
.main-navigation a {
font-family: Abel, Tahoma, Lucida Grande, Arial, sans-serif;
font-weight: normal;
}
/* Menu */
.main-navigation ul li a {
text-transform: uppercase;
}
/* Menu Padding Horizontal */
.main-navigation ul li a {
padding-top: 25px !important;
}
/* Vantage logo in menu padding */
header#masthead.masthead-logo-in-menu .logo {
padding: 10px 10px 15px 20px;
}
/* Vantage Remove Logo in Menu img constraint */
header#masthead.masthead-logo-in-menu .logo > img {
max-height: 40px;
}
/* Vantage Boxed Layout With 100% Footer */
body.responsive.layout-boxed #page-wrapper header#masthead {
box-sizing: content-box;
margin: 0 auto;
max-width: 1080px !important;
}
body.responsive #page-wrapper {
max-width: 100%;
padding-top: 0;
}
#main-slider {
margin: 0 auto;
max-width: 1080px;
}
#main {
margin: 0 auto;
max-width: 1080px;
}
#colophon {
margin: 0 auto;
max-width: 100%;
}
#colophon #footer-widgets {
margin: 0 auto;
max-width: 1080px;
} Thanks in advance.
Looking forward to hearing from you.
Best regards
Andy
Hi Andy
I’ll see if I can take a look now. It takes a bit of effort to use 100% width elements in the boxed layout. We have to drop the constraint from the container and then re-apply it everything within the container.
Ok, not too bad. Here is variant two: Boxed Layout with 100% Menu.
/* Vantage Boxed Layout - 100% Width Menu */ body.layout-boxed #page-wrapper { max-width: none; padding-top: 0; } header#masthead .full-container, #main-slider, #main, #colophon { box-sizing: border-box; margin: 0 auto; max-width: 1080px; } .site-header .main-navigation .full-container { max-width: 100%; }For variant one. Go to your Custom CSS and replace all the rules below this heading:
with these new rules:
body.responsive #page-wrapper { max-width: none; padding-top: 0; } #masthead, #main-slider, #main { box-sizing: border-box; margin: 0 auto; max-width: 1080px; } #colophon { margin-bottom: 0; }Hope that helps.
Andrew,
you are Great like always! :)
I have chosen the first variant. Thank you)
Best regards
Andy
Awesome :) Glad I could help.
Cheers
Hey Andrew,
I’ve encountered the following:
at this moment when I add something in my footer widget (social media, menu items) there is nothing. Just blank footer only with copyright, site name and current year.
P.S.
And one more thing…I can not make my body font size bigger…In the Vantage customizer nor in the Custom CSS
Hi Andy
How I would resolve is:
Inspect the footer source. Are the widgets there in the code? If they are in the code then it’s a CSS issue. If they aren’t in the code then have you modified any theme files? Check your modifications to see where the issue might be happening.
After changing the content font size in the Customizer, what part of the site are you looking at for a result? Certain widgets might be declaring their own font size which might be the problem. If we could inspect the site in question, that would be best.
Hello Andrew,
Today I’ve realized that if, for instance, I change the body’s font size I see the changes ONLY after updating ALL my pages…Is it right? Maybe I’ve discovered something new in WordPress for myself?)))
P.S.
This is for both: footer and font size issue. I delete some info in footer and then press UPDATE all my pages in dashboard. Only after that I see any changes. This what I’ve meant
Do you perhaps have a caching plugin running? You shouldn’t need to update pages to see a code level change. A caching plugin might explain this behaviour.
Yeap Andrew,
I thought about that too.
Anyway thanks for your kind help and time.
Talk to you soon…I guess))
Let me know how it goes. Should be a super quick check. Check your Plugins list, see a caching plugin there? If so, navigate to that plugin’s settings and clear the cache, see if it helps.
Yes, I have one. I’m not sure if I can write here its name…
Thanks one more time!!!
For sure. Locate its settings page and clear its cache. If you’re making many changes then clear its cache and de-activate before making changes. Once your changes have been made, re-activate it. This is just one idea but it might solve the problem.