Hello Foxy – Home Grid 3 Photo Display – Mobile Error

QuestionsCategory: QuestionsHello Foxy – Home Grid 3 Photo Display – Mobile Error
Gwen asked 2 years ago

Hello there, may I receive the CSS code to override the home grid 3 photo display when viewed on a mobile device please? 
The home grid 1 and 2 display correctly on both desktop and mobile versions but the home grid 3 is enlarged when viewed on the mobile and the size needs to be auto adjusted.  I’ve attached a photo to show the discrepancy when viewed on the iPhone versus the desktop computer.  If I can receive the code to place in my CSS, it would be much appreciated!
Website: http://legallyinked.com/
Thanks!
 

Attachments
Gwen replied 2 years ago

Thank you so much for your quick response and for your explanation. I understand and will use the code to hide the photo on the mobile devices.

1 Answers
Support Team Staff answered 2 years ago

That spot is not designed for a photo.  It is designed for wording and to go full width below the images on mobile to display the message for that section.  An option would be to hide it on mobile.  Which would be this code below.  If hiding it is not what you would like, we can provide a quote to rework that to your specifications but would need more information on how you would like it to display.
 
@media only screen and (max-width: 610px)
.home-three {
display: none;
}
}