[Resolved] Custom Mobile Backround Image

Home Forums Support [Resolved] Custom Mobile Backround Image

Home Forums Support Custom Mobile Backround Image

  • This topic has 5 replies, 2 voices, and was last updated 1 month ago by Ying.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1932995
    Matt Stern

    Hi there,

    I have a container with a background image set to “Full.” Is it possible to set the same image to “Contain” on mobile?

    Thank you!

    Matt

    #1933014
    Ying
    Staff
    Customer Support

    Hi Matt,

    Do you mean cover when you say full?

    Depends on if you are using pseudo element, you can add CSS to change the background-size to contain.

    Eg.

    @media (max-width: 768px) {
    .block {
        background-size: contain;
    }
    }

    or

    @media (max-width: 768px) {
    .block:before {
        background-size: contain;
    }
    }

    Let me know if you need further assistance 🙂

    #1933025
    Matt Stern

    Oh, yes I meant “Cover”

    So if I change it to Pseudo Element, I can use the css provided? Does “.block” apply to all blocks?

    #1933036
    Ying
    Staff
    Customer Support

    It’s just a general example.

    You’ll need to switch the .blockwith the actual block ID, otherwise you won’t be able to override the original CSS.

    And the CSS with:afteris for pseudo element background.

    #1933328
    Matt Stern

    Thanks, Ying, that worked.

    #1934013
    Ying
    Staff
    Customer Support

    Glad to hear that 🙂

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