Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 6, 2017 at 10:46 am #773080
    spavli2

    Hello,

    I have checked various topics on this forum and tried many solutions you presented, but neither worked for me. I have a color section, for which I would like background image to hide on mobile device.

    I put this code to my Quick CSS: @media only screen and (max-width: 1450px) { #funk_1 { background-image: none !important; } }

    It works just fine on computer (when i stretch the browser window, but it doesn’t have any effect on mobile device.

    Could you please tell me what am i doing wrong here?

    Best

    April 7, 2017 at 7:38 am #773736
    Rikard

    Hey spavli2,

    There is no element with that ID on the page you linked to, could you verify that you have added the correct ID for the section?

    Best regards,
    Rikard

    April 7, 2017 at 11:12 am #773849
    spavli2

    Sorry, I forgot to mention that I have different ID for Slovenian and English page.

    ID on English page is #funk_ang_1. For English page I have this Quick CSS: @media only screen and (max-width: 1450px) { #funk_ang_1 { background-image:none !important; } }

    Best regards,

    April 9, 2017 at 6:21 am #774780
    Rikard

    Hi,

    Thanks for that. Your CSS is applying on my end:

    @media only screen and (max-width: 1450px) {
#funk_ang_1 {
    background-image: none !important;
}
}

    No image is shown on my 13″ screen, so it’s working as it should it seems.

    Best regards,
    Rikard

    April 10, 2017 at 3:04 pm #775498
    spavli2

    That is right. It works fine as well for me, when I make the screen smaller on desktop. However, on mobile device the background is still there.

    What I want to achieve, is to remove the background on mobile device. I am using Android device and the background is still there.

    Best regards.

    April 10, 2017 at 3:16 pm #775501
    Yigit

    Hi,

    I can see it on my iphone as well.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    April 12, 2017 at 12:47 pm #776609
    spavli2

    Thank you for your fast respond. Please find my login credentials below.

    Best regards

    April 13, 2017 at 2:55 pm #777311
    Victoria

    Hi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
#funk_ang_1, #funkcionalnosti_2, #funkcionalnosti_3, #funkcionalnosti_4, #funkcionalnosti_5 {
    background-image: none !important;
}
}

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

    • This reply was modified 7 years, 7 months ago by Victoria.
    April 19, 2017 at 12:00 pm #779917
    spavli2

    Hi,

    thank you for your fast respond. I tried to put it in Enfold > General Styling > Quick Css, but it doesn’t work. Regarding second option (themes/enfold/css/custom.css), I can not find this file. Only one that I have is style.css.

    Best regards.

    April 20, 2017 at 8:09 pm #780736
    Victoria

    Hi spavli2,

    This file can be accessed via FTP or cPanel file editor.

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

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