Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #23588

    Hi there,

    Is there a quick css way to switch off the background image (main one for the whole site) for mobiles and tablets?

    In my dev site, for the desktop version, the background image aligns with the content on the page, it loses the alignment when viewed on a tablet or phone so I would just like to switch the background image off for those devices.




    Hi Bruce,

    It depends on what class selector the background image is being applied to, but the basics are pretty simple. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {

    body#top {background: none;}




Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Turn off background image for mobile / tablets’ is closed to new replies.