Hi, add the following into Appearance->Customize->Additional CSS
@media (min-width: 768px) {
.deli-content-wrapper .content-area {
width: 79%;
}
}
Thank you so much! That fixed it 🙂
Glad to hear! Please make sure to mark this topic as solved in the right hand sidebar 🙂
One more question… I started setting up my home page but I want to make my homepage full screen without widgets. I installed Widget Context plugin to remove the widgets from the homepage but the homepage now just has a huge space where they were. How can I get rid of that space now on the right side?
Hi, just remove the code that I gave you. As you’re using the Homepage template, it should span the full width even if you have widgets setup in the Sidebar section in Appearance->Widgets
At least that is the case testing on my local install
When I removed it the gap was missing on all the other pages again. I’d like it to look like Deli theme’s demo
Try this code instead
@media (min-width: 768px) {
:not(.home) .deli-content-wrapper .content-area {
width: 79%;
}
}
If that doesn’t work, can you remove the custom code that I gave you and let me know when you do so I can take another look and try to figure out a fix?
Thanks
It didn’t work so I removed the original one you gave me.
Thank you so much for helping me with this 🙂
Thanks, I believe this should do it
@media (min-width: 768px) {
body:not(.page-template-template-homepage) .deli-content-wrapper .content-area {
width: 79%;
}
}
You’re a genius! Thank you so much!
