Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 11, 2021 at 10:33 am #1299633
    soltner

    Hi!

    Unfortunately, I can’t find a way to hide the background image for mobile devices for certain pages.
    I am using the following CSS code:

    @media only screen and (max-width: 767px) {
    div#member, div#about-us, div#calendar, div#contact { background-image: none!important; }
    }

    Can you help me please?!

    Kind regards,
    Soltner

    May 12, 2021 at 1:27 pm #1299918
    Yigit

    Hey Soltner,

    Thanks for contacting us!

    I checked your website and it seems to be working. Have you figured it out already?
    If it is still not working on your mobile device, please make sure to flush cache on your mobile browser :)

    Best regards,
    Yigit

    May 12, 2021 at 3:08 pm #1299940
    soltner

    Hey Yigit,

    thanks for your reply!

    If I reduce the browser window on the desktop computer, the background image is hidden, correct, but it still appears on my iphone XR or on other smartphones … I just can’t explain it to myself!
    Cache plugins are inactive, CSS file merging and compression and Javascript file merging and compression in the theme settings as well, browser cache cleared (screenshots in private) – what could be the cause here or what could I still try?

    Here my css code:
    @media only screen and (max-width: 767px) {
    div#member, div#about-us, div#calendar, div#contact { background-image: none!important; }
    }

    Thank you for your patience and help,
    Best regards, Soltner

    May 13, 2021 at 11:08 am #1300105
    Yigit

    Hi,

    I could reproduce it on my iphone as well. Could you please post temporary admin logins here privately so we can look into it? :)

    Best regards,
    Yigit

    May 13, 2021 at 11:28 am #1300114
    soltner

    Hi,

    yes of course, see in private…
    Thank you :-)

    Best regards,
    Soltner

    May 13, 2021 at 11:32 am #1300117
    Yigit

    Hi Soltner,

    Thanks! I wanted to check CSS code and it seems like you have added it into style.css file of your child theme however since editor is missing under Appearance tab, I could not check it. Could you please enable it or post FTP logins privately as well? :)

    Best regards,
    Yigit

    May 13, 2021 at 11:51 am #1300119
    soltner

    Hi Yigit,

    sorry, now the editor is activated!

    Best regards,
    Soltner

    May 13, 2021 at 12:15 pm #1300123
    Yigit

    Hi,

    There were 2 errors in your custom CSS code, I fixed them and changed the code to following one

    @media only screen and (max-width: 767px) {
div#member, div#about-us, div#calendar, div#contact, div#member .av-parallax, div#about-us .av-parallax, div#calendar .av-parallax, div#contact .av-parallax  { background-image: none!important; }
}

    Please review your website :)

    Best regards,
    Yigit

    May 13, 2021 at 12:21 pm #1300125
    soltner

    Hi Yigit,

    Great, you are the best :-)
    Thank you sooo much, the kriesi team offers the best support you could wish for!

    wish you all the best, stay healthy :-)
    Best regards,
    Soltner

    May 13, 2021 at 12:31 pm #1300126
    Yigit

    Hi Soltner,

    You are welcome! Thank you for your kind words! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Color Section hide background image for mobile not working’ is closed to new replies.