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

How to change the banner image when the site is visited on a mobile device.

Question

I am currently using the "Brine" template, and I would love to be able to change the banner image when the site is visited on a mobile device. Can someone advise?

I have tried the following which does not work:

@media (max-width: 600px) { body { }

#banner-area-wrapper #page-thumb img { display: none; }

#banner-area-wrapper #page-thumb { background-image: url("https:example.jpg"); background-size: cover; }}

Thank you for any help you can offer.

Edited by Gnadsy
Initial Revision

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0

Hi Tuanpan,Site is not published and visibility is on private at the moment. is there anything else I can share with you that would help?

Let me expand:The image has text and it gets cut off when its resized for mobile. I don't see any other way to fix this other than making an image with smaller text that fits a mobile device. So being able to have two images that load when the max width is changed would be ideal.

Edited by Gnadsy

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...