Jump to content

CSS code not working on mobile

Recommended Posts

  • Replies 7
  • Created
  • Last Reply
27 minutes ago, Lindseydn said:

Site URL: http://lovelydaystrategy.com/coronavirus

Hi! I made a new landing page (in Kartra and embedded in SquareSpace) for my new CV freebie.
QUESTION: On mobile it's not showing up... a screengrab is attached. Does anyone know how to fix that?

https://lovelydaystrategy.com/coronavirus
 
I am using the Adirondak template.

53962.jpg

Hi , You can easily Fix this issue by adding the following code the specific Page Header in Advance Section  click on gear icon in front to page name then go to advance and paste the code in empty space. (Screenshots attched to explain better)

<style>
@media only screen and (max-width: 640px){
  #content{
  display:none !Important;
  }
  #footer {
      display: none !important;
  }
  .js_kartra_component_holder{
    overflow:auto;
   }
}
</style>

 

Hope it helps 🙂 Don't forget to mark it as solved if it works 🙂 

s1.PNG

s2.PNG

Link to comment
9 minutes ago, humxahafeex said:

Hi! I added that code, which sort of fixed it. Now now it only shows the top half and can't scroll. What can I edit in the code to make it work? Thanks!

 

Hi , You can easily Fix this issue by adding the following code the specific Page Header in Advance Section  click on gear icon in front to page name then go to advance and paste the code in empty space. (Screenshots attched to explain better)


<style>
@media only screen and (max-width: 640px){
  #content{
  display:none !Important;
  }
  #footer {
      display: none !important;
  }
}
</style>

 

Hope it helps 🙂 Don't forget to mark it as solved if it works 🙂 

s1.PNG

s2.PNG

 

Link to comment

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.