This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Use different banner for mobile on Vantage Theme

Open 1 reply premiumthemetheme-vantage
Brian Buffell
11 years ago · Last reply by Greg Priday 11 years ago

Is it possible with some CSS to use a different logo/banner for the mobile devices ipad/iphone. Right now when it resizes we don’t like the way it looks. I would rather create a smaller separate logo/banner. If you look on the Ipad you will see what I mean.

The text on the right side runs over the banner on the Ipads. It seems to be fine on the iphone.

URL: http://devqa7.info

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Greg Priday Staff 11 years, 14 hours ago

    Hi Brian

    You could use some responsive CSS to set a background image for your header for different resolutions.

    @media screen and (max-width: 480px) {
   header#masthead {
      background-image: url(path/to/image.png);
   }
}

    You could apply this to as many resolutions as you like. Just put the higher value resolutions first.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread