Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1023267
Background Image Size
Closed

Comments

  •  2
    hema77 started the conversation

    Hello, 

    In the home page, would like background images to resize if seen on a smaller device. Would that be possible. Was also considering displaying only background color, if image cannot be resized. Thanks! 

  •  7,280
    Oliver replied

    HI!

    The best way is to use cover style for mobile. 

    You can: 

    1. Add any custom class to the row, were you need to change background for example "custom-bg-1". (screen 2818)

    2. Use next css if you want to change bg:

    @media (min-width: 768px) {
    .custom-bg-1 .fullwidth-block .fullwidth-block-background {
        background-image: url('URL_OF_THE_IMAGE');
    }
    }

    3. For adding background color:

    @media (min-width: 768px) {
    .custom-bg-1 .fullwidth-block .fullwidth-block-background {
      background-image: none !important;
        background-color: #000;
    }
    }


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver