check this video for step by step guide
online store > themes > edit code
open page.liquid file > copy all code > sections create a page-template.liquid file then paste all code in that file below schema tag
then delete page.liquid file
create a new page.json file
paste the code below
{
"sections": {
"template":{
"type":"page-template"
}
},
"order": ["template"]
}
for removing space add these codes in theme.css or theme.scss file
@media only screen and (min-width: 750px)
{
.main-content {
padding-top: 55px;
}
}
@media only screen and (min-width: 750px) {
.index-section {
padding-top: 55px;
}
}