Jump to content

Poster H2 text not adapting on iPad, but ok on everything else

Recommended Posts

Site URL: http://www.robertbeasleyphotography.com

Hoping someone can help with this, 

 

My home page is made up of 6 poster images for different categories, as click throughs to other pages. 

The images have custom css on desktop to reveal text on hover, and for smart devices to automatically show the text. Ive got it all working just the way I want on Desktop and on mobile the text (H2) adapts to the resizing of the images, however on iPad, i just simply cannot get it to work, with the text spreading over two lines. 

 

I have attached images of how it displays on all three devices. 

 

Hoping someone much cleverer than me can help with a solution which doesn't require me changing the current design

 

Thanksspacer.pngspacer.pngspacer.pngspacer.png

 

Smartphone View.png

Desktop View.png

 

Ipad View.jpg

Link to comment
  • Replies 1
  • Views 239
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.