Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
IndigoBolt11

Trying to make a custom CSS for using a different image as my desktop vs mobile banner

Question

Hi- I am trying to use an all together different image for my homepage banner image on my Aria site. www.aniwa.co

The desktop image is horizontal based, so for mobile it cuts off and regardless of the coding it will be cut off too much. I have a vertical version of the homepage image that I want to display on mobile. Anyone have a CSS code for a all together different banner image on desktop v mobile?

Thanks!

Danielle

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

I was able to display a different banner image on mobile with the following code: 

@media only screen and (max-width: 640px) {
       #page-url {
              background-image:url('instertimageurlhere');
         }
    }

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...