Jump to content

Blog looks terrible on mobile

Recommended Posts

  • Replies 4
  • Views 496
  • Created
  • Last Reply

Top Posters In This Topic

This code caused problem

<style>
  @media screen and (max-width:767px) {
  #page section:first-child iframe#player {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
#page section:first-child {
    min-height: unset !important;
    height: 40vh !important;
}
  }
</style>

Where did you add it? Blog Page Header or Code Injection Header?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
15 hours ago, camfont said:

Aha! I actually stole this code from another post where you helped someone resize a header background video on mobile (this post): 

I've removed it (from header injection), but now I'm wondering if there's another way to resize the video header on mobile that's at https://www.jeremymillerfsa.com/about. If not, maybe there's a way to force mobile to show the fallback image?

Thanks!

 

 

Edit About Page > Add a Code Block at bottom of page > Paste this code

<style>
  @media screen and (max-width:767px) {
  #page section:first-child iframe#player {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
#page section:first-child {
    min-height: unset !important;
    height: 40vh !important;
}
  }
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.