Docs

[mkbontwikkeling]

Hi,

I’m trying to disable a row for mobile devices because the background image doesn’t look right. I know that there are options to disable columns on specific types of devices but unfortunately I couldn’t find it for rows.

What I’ve done now is:

I’ve added the following code to “global CSS” in the Customizer:

/*
// Hide mobile row
*/

@media only screen and (max-width: 600px) {
    .mobile_row_hide {
        display: none;
    }
}

After this I added the following to the “Row Settings”-dialogue screen in the Extra Class Name-field:

.mobile_row_hide

It isn’t working. Can someone tell me what I’m doing wrong?

Thanks

Guido

[Thai]

Hi There,

Please try with this CSS instead:

@media only screen and (max-width: 600px) {
    .mobile_row_hide {
        display: none !important;
    }
}

If it doesn’t work, please provide us with your website URL so we can take a closer look.

Thanks.

[Author]

Posts