Add a custom CSS/Javascript to the site's home modern page

Question

i am working on a modern team site >> and for the home page ONLY, i want to hide the Site navigation bar, left-hand side navigation, page title and modify the float to remove the white space on the left-hand side + add a JavaScript to reload the page each 5 minutes.

to achieve the above i added the sharepoint modern script web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-script-editor and i added this custom css + custom javascript:-

and it achieved what i am looking for.. but based on my reading that my above approach of adding modern script editor web part and inside it to add custom CSS/JavaScript is not supported.. so my question is how i can apply the above custom CSS/JavaScript in a supported way inside the home page? thanks in advance for any help.

Regards

Answer 1

Not all customizations are allowed on the modern team site. You can refer to this document：What's not supported on "modern" team sites

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.