[Resolved] Custom Padding for screen sizes

[Rachel]

Hi,
I have floating social share buttons but they cover the text when the screen size is between the mobile breakpoint and standard screen size (so for ipad and smaller laptops). My desktop container padding is set to 40px, and I wanted to increase the container padding for screen sizes between 768 and 1150 to 60px. How do I do that?
Thanks,
Rachel

[Tom]

Hi there,

Give this a shot:

@media (max-width: 1150px) and (min-width: 769px) {
    .separate-containers .inside-article,
    .one-container .site-content {
        padding: 60px;
    }
}

Let me know 🙂

[Rachel]

Thanks Tom. I have played around with this and the social share plugin is not playing nice on the various screens. So I have opted for a different solution.. thanks for your help!

[Tom]

No problem!

[Author]

Posts