Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1164038

    Dont know what I am doing wrong… but I want to hide the background image on a colour section on a mobile.

    I have tried to add an id to the section and add the following code:

    @media only screen and (max-width: 768px) {
    #mainbannermh {background-image:none !important; }
    as suggested on other threads but it doesnt seem to work. I dont have a browser history on my phone and the browser mobile emulator has the same issue.
    I had a look at the source code and the image seems to be set inline rather than by an ID or class.
    I know I could just create another colour section and hide one on mobile and one on desktop but thats a bit messy
    Any ideas?


    Hey Marie,

    Best regards,


    Hi Victoria,
    Thats so odd – I did it with private browsing on serveral devices – but it works now!
    Thanks for looking for me.



    Glad it is working fine! :)

    For your information, you can take a look at Enfold documentation here –
    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 :)

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Colour section – Background image hide on mobile’ is closed to new replies.