Delete padding and margin on mobile devices?

Hello Athemes!

I kindly ask for your support in applying som custom CSS onto my webpage. The question concerns mobile padding and margin which I want to delete. I know that this can be done by CSS, but it seems I can’t find the correct properties. Please help; the issue primarily concerns the homepage and the first 6 sections (img, text -> img, text -> img, text)…

www.fargstarkaretillsammans.se

Best Regards
Victor

I have the same issue, and it was something that I had already fixed, I cannot find it why is doing it. suddenly some padding has appeared in site origines hero images, I cannot find why, it has only happened with 3 modules, the rest did not change.

I have this 2 pages where I get space around it in mobile version

  http://www.procuradorsevillahinojosa.es/despacho-procurador-sevilla
  http://www.procuradorsevillahinojosa.es/contacto-procurador-sevilla

Those pages have the same settings as this one
http://www.procuradorsevillahinojosa.es/despacho-procuradores-hinojosa-garcia

It is full width, doesn’t show any margin.

Thank you for any help

Hello Victor,

I’m not sure what is your issue, can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

@mancadamia, please create a new topic for your question in order to make it easier to help you, and provide screenshots as well.

Kind Regards, Roman.

Hello Roman!

I attached the link to the website in the first post! :slight_smile: Thanks!

Hello Victor,

I’m not sure what do you want to change, that’s why I have asked for screenshots, in addition to the link from your first post.

Kind Regards, Roman.

Hello again Roman and once again, thanks for helping out!

In the link below i uploaded the examples of padding that i want to delete for mobile devices. Rather, I would like the property or section in CSS for which I can change different sections on different pages, just for the mobile phones.

http://fargstarkaretillsammans.se/press/

Best regards
Victor

Hello Victor,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 780px) {
    #panel-6-1-1-0 > .panel-widget-style,
    #panel-6-2-1-0 > .panel-widget-style,
    #panel-6-3-1-0 > .panel-widget-style {
        padding: 0 !important;
    }

    #pgc-6-4-0,
    #pgc-6-4-1,
    #pgc-6-4-2 {
        margin-bottom: 0 !important;
    }
}

Also you have some empty paragraphs, please remove them in order to reduce the gaps even more.

Kind Regards, Roman.