[Support request] remove background image on mobile view 960 px or less

Home Forums Support remove background image on mobile view 960 px or less

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by Leo.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1230076

    We are trying to get the background image removed from the hero section #3 on this page when the view is less than 960 px because the font can not be read easily over the image.

    I have tried several class css inserts into the section “Settings” to no avail.

    Cleared cache – the whole nine yards… made the background image set to none !important and everything.

    How do we make it disappear for viewports less than 960 px?


    Thanks again

    Customer Support

    Hi there,

    You are inserting CSS in the custom class field which is not the correct method.

    Please remove that then add this CSS:

    @media (max-width: 960px) {
        #generate-section-3.generate-sections-container {
            background-image: none;

    Using one of these methods:


    Thanks that worked. How can I find documentation on how to target different items in this theme using CSS just like you did (classes etc) and using simple CSS on page as well as for the entire site?

    Customer Support

    We currently don’t have documentation for this as there are simply too many classes to list out.

    I just use browser inspect tool – it’s super useful for making CSS tweaks as you can see all the classes and CSS associated with a certain element.

    Let me know if this helps 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.