Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #467333

    Hello:

    I wondered if colored sections were supposed to be mobile responsive? On two different projects I have tried to use colored sections, but I have to remove them because on mobile they go wacky (images stretched, and very pixilated, don’t adjust based on the device’s screen size).

    Because of all these issues, I thought I should allow the colored section on desktop, but remove them on mobile. (this is not my ideal)
    So I tried using the CSS Code from the following posts:

    https://kriesi.at/support/topic/color-section-background-image-on-mobile/
    https://kriesi.at/support/topic/color-section-in-mobile/

    I placed the CSS in the styles area, and I added the id in the developers tag as well. Neither codes worked.

    The colored section I am working with the the image of the iPhone with a map on it.

    Thanks in advance,

    LM2012

    #467334

    UPDATE: Since last posting this request the code is suddenly working. However the background color is now blue. I would like it to be the default theme color (white). What should I do so that the colored sections on mobile do not turn blue?

    Warm wishes,
    LM2012

    #467336

    UPDATE: Since last posting this request the code is suddenly working. However the background color is now blue. I would like it to be the default theme color (white). What should I do so that the colored sections on mobile do not turn blue?

    Warm wishes,
    LM2012

    • This reply was modified 9 years, 4 months ago by LM2012.
    #467999

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling:

    #removecolormobile {
    background-color:white !important;
    }

    Best regards,
    Rikard

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