Archived topic
replace page header image on mobile
1 reply · Started by Merri Dennis on August 16, 2017
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.