Site logo

Archived topic

replace page header image on mobile

1 reply · Started by Merri Dennis on August 16, 2017

Viewing posts 1–2 of 2

The client wants the page header image to fill the majority of a phone screen instead of the standard mobile resizing.

How to I change the css to display a different image on small mobile view?

build site is tdw.space

Hi there,

The only way to display different static images based on screen size is to load both, and hide/show each one using a class inside media queries.

However, that might not be ideal for a client, as it would involve adding the HTML for two different images.

This archived topic is closed to new replies.