Solved: Header not displaying fully on mobile

meoww999 · ‎01-12-2021

Hi

We recently rejigged our website and replaced the header pictures. However they display ok on Desktops/PC but on mobile devices they are a lot thinner and some info is cut out. My website is mrssparkle.co.uk They are acceptable on some pages but the home page and gift shop are way off. How can we fix please? We are fairly new to this so any help would be appreciated.

Jason

Adam7 · ‎01-13-2021

Thanks for your post, @meoww999.

The best solution might be to split the text on the image into its own image file. In other words, edit your original image and make one image that is just the background, then another image that is just text. Use the background image as the background of the header, then the image with the text can be used with an image element.

View Best Answer >

Adam7 · ‎01-13-2021

Thanks for your post, @meoww999.

The best solution might be to split the text on the image into its own image file. In other words, edit your original image and make one image that is just the background, then another image that is just text. Use the background image as the background of the header, then the image with the text can be used with an image element.

meoww999 · ‎01-14-2021

Thanks for the reply.

We have sorted it now with a similar solution thanks