How do I remove the top image from the mobile view but leave it how it is on the desktop view?

How do I remove the top image from the mobile view but leave it how it is on the desktop view.

Thank you! 

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
  .fe-block-36c9d9a4c1bba7300df7 {
    display: none !important;
  }
}

1 hour ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
  .fe-block-36c9d9a4c1bba7300df7 {
    display: none !important;
  }
}

 

Thank you, I’ve tried it but all it’s done is removed the image, the space is still there.

Is it possible to remove the space also?

Thank you for the help!

19 minutes ago, Web_Solutions said:

You can remove the space by editing the mobile version. 

Just now, SelwynGoodman said:

I’ll give that a try thank you! 
 

For the meantime I’ll mark it as a solution but if any issue, is it okay if I message you? 

Sure!

14 hours ago, SelwynGoodman said:

Thank you, I’ve tried it but all it’s done is removed the image, the space is still there.

Is it possible to remove the space also?

Thank you for the help!

In case you still can't solve this, you can keep your current code then use this CSS code under

@media screen and (max-width: 767px) {
.fe-660135df97084b29e8e466ad {
    grid-template-rows: repeat(14, minmax(24px, auto)) !important;
}
.fe-block-5383ca0efba4fcad47db {
    grid-area: ~"2 / 2 / 4 / 10" !important;
}
.fe-block-2351c206f7400897890f {
    grid-area: ~"4 / 2 / 11 / 10" !important;
}
.fe-block-c0de7060de495da66e53 {
    grid-area: ~"11 / 2 / 13 / 6" !important;
}
}