CSS code not working on mobile

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

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.

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 🙂 

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 🙂 

@humxahafeex thanks for the quick reply!  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!

3 minutes ago, Lindseydn said:

@humxahafeex thanks for the quick reply!  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!

Just updated the code please have  a look. it will fix the issue.

@humxahafeex hhmmm... still not working completely. Here is a screengrab of how I have the code entered. What am I doing wrong? Thank you so much for your help!

2 minutes ago, Lindseydn said:

@humxahafeex hhmmm... still not working completely. Here is a screengrab of how I have the code entered. What am I doing wrong? Thank you so much for your help!

In first line of code please add semi colon after display:none ; <<IT'S MISSING.

@humxahafeex I added the ; to line 1. Still not working 😟Thank you so much for your help, this is the most coding I've ever done.