[Resolved] Mobile Padding CSS

Home Forums Support [Resolved] Mobile Padding CSS

Home Forums Support Mobile Padding CSS

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1613628
    Michelle

    I utilized Customizer to adjust the padding between the header and content on mobile. I set the padding and the Container settings, layout>blog>archives, and so on. If I move my Customizer settings any further to reduce the padding that shows on the mobile, it messes up the settings on my blog page, archive pages, and category pages. It seems that no amount of adding or subtracting padding is helping.

    Is there CSS that can reduce the padding ONLY FOR THE MOBILE header and the featured image?

    #1613698
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know ๐Ÿ™‚

    #1613746
    Michelle

    My information is below

    #1613813
    Leo
    Staff
    Customer Support

    Would this be for every page or just a few specific page?

    #1613851
    Michelle

    Yes, for every page on mobile.

    #1614003
    Elvin
    Staff
    Customer Support

    Hi,

    To clarify: You’re trying to remove the space between the content and header highlighted in orange?
    https://share.getcloudapp.com/04uNDjYy

    If so, you can try adding this CSS:

    @media(max-width:768px){
    .separate-containers .site-main {
        margin-top: 0;
    }
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1616256
    Michelle

    I added the CSS and found that really, the only page that needs it is the Home page of the mobile site. My mistake.

    #1616335
    Leo
    Staff
    Customer Support

    You can try this CSS to make Elvin’s CSS apply on the home page only:

    @media(max-width:768px) {
        body.home.separate-containers .site-main {
            margin-top: 0;
        }
    }
    #1616340
    Michelle

    Nice. Thanks.

    #1616356
    Leo
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.