Row Block – disable background on mobile option

  • Taylor Elizabeth Rose

    (@telizarose)


    6 years, 10 months ago

    I was wondering if there’s a way to disable a background image on mobile or change the settings on it in any way? The image I’m using looks great on desktops, but on mobile it’s awkward.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Ben Ritner – Kadence WP

    (@britner)

    6 years, 10 months ago

    Hey,
    You can use css, if you can post a link to your page I would be happy to get you the css you need.

    I may look into adding some settings support within the plugin for this in the future.

    Ben

    Thread Starter Taylor Elizabeth Rose

    (@telizarose)

    6 years, 10 months ago

    It would be great if you added the settings in the plugin for this in the future.

    There are a few pages that I would like to adjust the background on, but for this one in particular, I’d like the image in the background at the bottom to hide on anything tablet sized and below. It looks awkward when it shrinks.

    http://www.skoresheet.com/

    Thank you!

    Plugin Author Ben Ritner – Kadence WP

    (@britner)

    6 years, 10 months ago

    Hey,
    nice looking site! ok, So probably the best way would be to edit the row and in the bottom right of the settings you can click “advanced” there add a custom class “hide-background-tablet”

    Then add this css in your site:

    @media (max-width: 992px) {
.hide-background-tablet .kt-row-has-bg {
    background: transparent !important;
}
}

    Let me know how that goes, Also if you have any other feature suggestions I would love to hear.

    Ben

    Thread Starter Taylor Elizabeth Rose

    (@telizarose)

    6 years, 10 months ago

    Hey Ben!

    Thanks. That worked great.

    Also thanks for the compliment! This is the first site I built on Gutenberg where I knew exactly what I was doing. I’ve been experimenting with it for a while now. I love your block set! It was the first that really enable page building on Gutenberg and inspired me to try building whole sites with it.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Row Block – disable background on mobile option’ is closed to new replies.