Okay
  Public Ticket #1512303
custom page background image for mobile
Closed

Comments

  • Omnifiq started the conversation

    Hi there,

    Is there any way to set a custom page background image for the mobile version of the site? Meaning: when the page opens up in a smaller (480px) screen size, the website automatically displays a different page background image, than the default on the desktop. Ideally another background image would be great for the tablet size too. How can I achieve this? 

    Many thanks for your help in advance,

    Milan

  • [deleted] replied

    Hello,

    Add this css code in the LEVELUP > General Settings > Custom CSS Code section:

    @media screen and (max-width: 480px){
        body, body.footer-uncovering #page {
            background-image: url(LINK_TO_YOUR_IMAGE) !important;
            
        }
    }
    @media (min-width: 481px) and (max-width: 768px){
        body, body.footer-uncovering #page {
            background-image: url(LINK_TO_YOUR_IMAGE) !important;
            
        }
    }
    

    Change the image url to yours.

    Regards.

  • Omnifiq replied

    Thanks Amy, 

    I tried CSS before but didn't work, because i did not add the !important bit! 

    Now it works! thanks a Million!!

    Milan


  • [deleted] replied

    You are welcome.

    Regards.