Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 12, 2021 at 4:36 pm #1324622
    KeesKaas

    I have set a linear gradient as a background for the main content but when I look at it on a mobile phone the colours are gone.
    This is is code im using for background main content:

    .main_color {
    background-image: linear-gradient(#FA2B7B, yellow);
    background-attachment: fixed;
    background-clip: border-box;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: cover;
    }

    Can you provide me with the a code so the radial colour will remain on lower resolutions??

    • This topic was modified 3 years, 1 month ago by KeesKaas.
    October 13, 2021 at 9:19 am #1324694
    Ismael

    Hey KeesKaas,

    Thank you for the inquiry.

    The code is inside a css media query for desktop view, which is why the background is not applied on mobile.

    @media only screen and (min-width: 990px) {

}

    Make sure to move it outside the css media query.

    Best regards,
    Ismael

    October 13, 2021 at 9:50 am #1324700
    KeesKaas

    I don’t really understand the part to move it outside the css media query… I added this to the quick css:

    @media only screen and (min-width: 990px) {
    .main_color {
    background-image: linear-gradient(#FA2B7B, yellow);
    background-size: cover;
    background-attachment: fixed;
    }

    Unfortunately, the background doesn’t work on mobile devices!


    @Ismael     i’ve added the login info of my website. Can you take a look at the quick CSS box?

    • This reply was modified 3 years, 1 month ago by KeesKaas.
    October 13, 2021 at 2:38 pm #1324753
    Yigit

    Hi,

    I edited your code in Quick CSS field and removed media queries (the one Ismael mentioned).

    Please review your website :)

    Best regards,
    Yigit

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