How to remove block above footer

[UmarDaya]

Hi there, I am using the Dawn theme and designing my password page. How do I remove the block below my image, above my footer?

 Thanks

[niraj_patel]

Hello @UmarDaya 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media only screen and (max-width: 767px) {
  .password-main {
       flex-grow: unset !important;
   }
 }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[UmarDaya]

I've tried the above recommendation but still not having any success. Just to clarify on desktop it is displaying fine as intended, the moment I switch over to mobile it has the extra block 

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @UmarDaya  Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
@media screen and (max-width: 767px){
  .password-main {
    flex-grow: inherit !important;
}
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[UmarDaya]

I've tried both of the above recommendations but still not having any success. Just to clarify on desktop it is displaying fine as intended, the moment I switch over to mobile it has the extra block