[Resolved] How to adjust "Separating Space" in mobile

Home Forums Support [Resolved] How to adjust "Separating Space" in mobile

Home Forums Support How to adjust "Separating Space" in mobile

  • This topic has 5 replies, 2 voices, and was last updated 4 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1192198
    Tom

    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

    #1192298
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #1193176
    Tom

    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

    #1193181
    Leo
    Staff
    Customer Support

    Thank you πŸ™‚

    Try this:

    @media (max-width: 768px) {
        .separate-containers .site-main {
            margin: 0;
        }
        #right-sidebar {
            display: none;
        }
    }
    #1193247
    Tom

    Excellent. It’s working fine for me. Thanks!

    #1193249
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.