Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 1, 2017 at 1:36 pm #802534
    Nik

    Hey guys,
    my question was already posted by other members but none of the tips helped me to find a solution.

    Situation:
    I have a fullscreen-layout and a color-section with a (fixed) background image that has the ID: “tapete”

    My custom-css:

    @media only screen and (max-width: 767px) {
    #tapete {
    display:none !important;
    }
    }

    Problem:

    this css hides/removes the whole section but NOT the background image.

    Question:
    what code removes the background image but keeps the content like headline and textblock on smartphone devices?

    Thanks for your help!

    • This topic was modified 7 years, 6 months ago by Nik.
    June 1, 2017 at 7:23 pm #802730
    Victoria

    Hey Nik,

    Where are you adding the code? When I put your code in /wp-content/themes/enfold/css/custom.css the section was gone with the image. But this file can be edited via FTP or cPanel.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 1, 2017 at 7:31 pm #802736
    Nik

    Hey Victoria,

    thanks for your reply. I add the code into the custom css box in the “General Styling” section.
    So the code is working and hides only the bg image but keeps the rest of the content?
    So maybe i did not make a hard refresh on my phone?

    I am using this code now, would you check that on a mobile device to see if this is working?

    @media (max-width: 480px){
#boden, #tapete, #wand, #wasser, #schimmel, #lack {
background-image: none !important;
}
}

    That would be awesome Victoria,

    Thanks in advance!

    Nik

    • This reply was modified 7 years, 6 months ago by Nik.
    June 2, 2017 at 11:26 am #802939
    Rikard

    Hi,

    It’s working when I try it in a regular browser and make is narrower, so it should work on an actual phone as well. If you are not getting the expected results then please try clearing the browser cache and reload a few times to see if that helps.

    Best regards,
    Rikard

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