Delete content on the index page, desktop version

AgencyNilton

Hello everyone, I hope your business is doing well 🙂.

I'm coming to you because after searching on my side, I still can't find how to remove the party visible on the photo of the index page on the desktop version.

I just want to keep the upper part. I have the extended license.

Thanks

Saurabh

AgencyNilton

In the file: src\components\Desktop\V1\index.js

Comment out the section you do not need. In your case, you will have to comment out the StoreAchievements and Footer sections like below:

ShauryaSaxena

AgencyNilton LioniEspumoni
Removing it seems like a lot of work. What I tried instead was to hide to behind main front container after replacing it with an image. Add this to your CustomCSS. Here it is:
For Changing Background of Main Front Container:
/* Replace the image url with what background you wish to have */ .main-container-desktop::before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: url(https://i.ibb.co/fGtjZSG/Main.png); }
To Hide Middle Container:
.container-fluid { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #FFFFFF; z-index: -1; }

To hide Footer Container:
.desktop-footer { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #FFFFFF; z-index: -1; }

Eventsonline

remove the footer content from the custom.css file

AgencyNilton

Eventsonline This does not work

Eventsonline

AgencyNilton send me your custom.css file i will modify and send its working 100% its a by pass actually the file is linked to main js file you can check the footer in main js file and remove in ext folder in extended files.

Jameskhoo

@Saurabh where do find this file?
src\components\Desktop\V1\index.js

Saurabh

Jameskhoo You get this file only on Extended License full source code.

AgencyNilton

ShauryaSaxena

Thanks, but I managed to remove it with the information from Saurabh, I have the extended license so it could be done easily.

ShauryaSaxena

Ok. People with regular license can follow the guide.

ShauryaSaxena

Hide everything on the desktop version and display the "TRY IT ON YOUR PHONE" box only in the middle:
Add the following code in the Customer App Section inside CUSTOM CSS (found in Settings)

/* Check if the height is atmost 600px*/ @media (min-width: 600px) { .container-fluid { display: none; } } .use-on-phone { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); width: 300px; height: 150px; }