Jump to content

Landscape only code for mobile 7.1

Recommended Posts

Site URL: https://www.demarphotography.org/



I need to have the photo in the header area (first section) display full size in mobile landscape mode. I can achieve that with this code:

/*spacing for top section*/
@media screen and (max-width:767px) {
[data-section-id="5fc17093e18c5c478e3240e7"] {
    padding-top: 50px;

BUT, then the photo is too big in mobile portrait mode. Is there a way to have this code work only in landscape mode? Or is there another work around for this issue? 

I don't have the code working right now as this is a live client site - I am not the original builder of the site and new to Squarespace so not sure how everything works. Thank you for any help you can give!

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


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.