Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #773080

    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

    #773736

    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

    #773849

    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,

    #774780

    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

    #775498

    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.

    #775501

    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

    #776609

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

    Best regards

    #777311

    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, 8 months ago by Victoria.
    #779917

    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.

    #780736

    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

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