Archived topic
How to adjust "Separating Space" in mobile
5 replies · Started by Tom on March 11, 2020
Hello,
I am wondering how to adjust the Separating Space variable under Layout > Container for mobile?
Reference page here: https://www.thedermdetective.com/blank/
So I have the desktop layout how I want it, but in mobile I would like to get rid of the extra space between the content and page hero, as well as at the bottom of the page. I'd also like to (if possible) remove the sidebar widget which shows up at the very end of the page but keep it running on the desktop version.
Thank you,
Tom
Hi there,
Can you disable your caching plugin so I can take a look at the code and source better?
https://www.screencast.com/t/O3NDJ5fyH0N
Thanks :)
Sure thing. I've created an identical staging site where I've disabled WP Rocket and cleared the server cache as well.
Reference page: https://www.staging2.thedermdetective.com/blank/
Thanks,
Tom
Thank you :)
Try this:
@media (max-width: 768px) {
.separate-containers .site-main {
margin: 0;
}
#right-sidebar {
display: none;
}
}Excellent. It's working fine for me. Thanks!
No problem :)
