Hey,
so first I think I would suggest you use pagebuilder you can add fullwidth rows without having to make the whole layout fullwidth like this and need a more css to make it work since your wanting backgrounds to be fullwidth but the content to not be on the edit. (your not adding padding on the div with your background? so that is what happens).
Either way I’ve come up with some css that should do what you want.
.rowtight, .row {
margin: 0;
}
body.home #content .main, .container {
padding: 0;
overflow-x: hidden;
}
@media (max-width: 768px){
p,h1, h2, h3, h4, h5 {
max-width: 90%;
}
}
Kadence Themes
Uh-oh… Everything looked good with this until I tried hovering over my menu and nothing dropped down!
Thank you so much for the original assistance but I wonder if this can be solved as well?
This appears to have to do with the overflow-x property in the above CSS.
You should be able to remove the “overflow-x: hidden;” part of the CSS until the Theme Developer sees this and provides another solution.
This will just be a temporary solution so that your menu is visible until a better solution is presented.
.headerclass > .container {
overflow-x: visible;
}
Add that.
Kadence Themes
Thank you! All good. Can I tip you guys via PayPal or something? This is great support for a free theme.
Okay, looks like we’re still not quite done here… I definitely owe you guys a beer…
The homepage is perfect but the fix isn’t applying site-wide. If you check out–
http://drumlessonsinbristol.com/drumlessonsinweston/
You’ll see that there’s still the small padding that was the original issue.
Many thanks again,
Danny
body.page #content .main .pageclass {
padding: 0;
}
add that ^
When you want to add spacing to a page it’s best to use the space shortcode (part of the theme shortcode options) vs adding empty spaces through the wordpress editor.
Kadence Themes
Great, thanks again, and also for the tip about shortcode– I figured out fairly early on that I’m better off in the text editor than visual… WordPress seems to like to sneak changes in without you noticing if you use visual!
