Home>Support>Use different banner for mobile on Vantage Theme

Use different banner for mobile on Vantage Theme

By Brian Buffell, 9 years ago. Last reply by Greg Priday, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago Greg Priday
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More