Mobile only background Oxygen

  • emjaybiz

    (@emjaybiz)


    11 years, 4 months ago

    I’ve got a background on my site that works beautifully for full size pages, on computers and tablets. but for mobile, it’s just off.

    It still usable, but not at all the look I want.

    Can i upload a separate file and use CSS to load it on mobile devices?

    if possible I’d also like to suppress the slide show and remove the spacing down to the text on the front page.

    rjsstonetops.com

    thanks

Viewing 1 replies (of 1 total)
  • Orange Web Dev

    (@orange-web-dev)

    11 years, 4 months ago

    You can. You just need to use Media Queries.

    i.e. put in a css file 

    @media screen and (max-width: 736px) {
/* insert css code here */
}

    i.e. any screen smaller then 736px use this css.
    736 is the Iphone 6 Plus

    If you wanna choose an in-between you could do

    @media screen and (min-width: 500px) and (max-width: 736px) {
/* insert css code here */
}

    i.e. above this and below this.

    Then your site will use that code only when being viewed from that screen size.

Viewing 1 replies (of 1 total)

The topic ‘Mobile only background Oxygen’ is closed to new replies.