Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 15, 2021 at 1:09 pm #1305807
    DianaLoola73

    Dear support team,

    On the page https://tierarzt-bergamlaim.de/ I use a user-defined background image for the “LOGO AREA” as well as for the “MAIN CONTENT”. This is also desired for the view on the computer and works quite well so far.
    Unfortunately, the background image does not work on the phone or tablet:
    see screenshot mobile phone: https://osmosis.de/support/tierarzt/mobile-1.jpg
    and see screenshot tablet: https://osmosis.de/support/tierarzt/tablet.png

    How can I ensure that the background image for the “LOGO AREA” and the image for the “MAIN CONTENT” do not appear on the mobile phone and on the tablet and are therefore hidden?
    Could you please help me with a script here?

    Kind regards, Diana Steib

    June 16, 2021 at 3:09 pm #1306039
    Yigit

    Hey Diana,

    Thanks for contacting us!

    I added following code to bottom of Quick CSS field in Enfold theme options > General Styling

    @media only screen and (max-width: 1300px) {
.header_color .header_bg, .main_color { background: #ffffff; } 
}

    Please review your website :)

    Best regards,
    Yigit

    July 2, 2021 at 2:43 pm #1308512
    DianaLoola73

    Many Thanks. This script works perfectly.
    Greetings, Diana

    July 2, 2021 at 2:54 pm #1308513
    Yigit

    Hi,

    You are welcome, Diana!

    Let us know if you have any other questions and enjoy your weekend :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide custom background image on mobile phone’ is closed to new replies.