Cant get rid of the padding & margin on mobile site

shana

hi i was wondering if anyone could help me. Ive been trying for hours to get rid of the below code for mobile. Its creating unwanted space on my mobile.

@media screen and (max-width: 736px)
.sm-page-widget .sm-page-widget-content {
margin: 0 12px!important;
padding: 12px 0!important;
}

so I changed it to;
@media screen and (max-width: 736px)
.sm-page-widget .sm-page-widget-content {
margin: 0px!important;
padding:0px !important;
}

to no avail also wondering if its maybe to do with where im putting this css to overwrite it. Any help would be really appreciated.

Hikin' Mike

We need a link to your site. Since you are a new member, you can't post live links, but just type in your web address like 'yourwebsite.com'.

shana

My site is 'shanafagan.smugmug.com'

Hikin' Mike

Add this to your theme's custom CSS section:

@media screen and (max-width: 736px) {

    .sm-user-ui .sm-page-widget .sm-page-widget-content {
        margin: 0px !important;
        padding:0px !important;
    }

}

shana

Oh my god you are actually a star! Wish i posted here sooner. Its mad how you need to include sm-user-ui for it to work. I was trying all sorts but that. Widget ids and everything to no avail. This is great thanks so much for your help!!

Hikin' Mike

Generally I add the .sm-user-ui to almost everything instead of using the !important. Sometimes you need both.

shana

That's good to know didn't realise. Thanks Mike for your help

scotthunter

I use the same code, however it’s a shame you can’t use decimal values. I find with 0 margin everything looks really bunched up on mobile and you have to add spacers between all the content blocks to make it look better. What I need is 0.5 or something.

www.scotthunterphotography.com

picomoments

This is great but how can I only remove the padding from the photos (left and right) and not the text?

picomoments.smugmug.com

rainforest1155

@picomoments said:
This is great but how can I only remove the padding from the photos (left and right) and not the text?

Hi there,
You've already posted a question on this here. Please don't cross post about the same question in different discussions. Thank you.