Widgets in one row: different padding/margin on smaller screen/mobile dev

Hello,

there’s different padding or margin between widgets next to each other in one row (see attached images).

small screen
large screen

How can I make the widgets background in full size (without a border) when viewed on a smaller screen?

Thank you in advance.

(Sorry for not posting my website, I’m working offline.)

Cheers
Charly

Hello Charly,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media only screen and (max-width: 780px) {
    div div.panel-grid-cell {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.