Remove logo only from Home Page

Remove logo only from Home Page

As the title explains, I am looking for a way to hide the logo from my home page, but have it displayed on all other pages. I found a post from 5 years ago where a Zoho employee indicated it is not possible ( https://help.zoho.com/portal/community/topic/remove-logo-and-business-name-from-home-page). 

This is very common in web design, especially with hero pages. A lot of business put a big logo in the middle of the page, and it would look pretty silly to then have a smaller logo somewhere else. 

I do not see where this is "available", but I know it is possible. Here is the best idea I came up with. Please let me know if you see what I have done wrong, or if you have another way of doing it. 

I navigated to: 
Settings - Templates - Edit HTML/CSS - stylesheets - add file
I added a file called "home.css"
I added the following code to home.css 
.theme-logo-parent {
display: none;
}
Then I navigated to 
Settings - Templates - Edit HTML/CSS - others - template.conf

Scrolled down to line 48 and added my stylesheet: 

changed 

    "stylesheets": ["stylesheets/style.css"],
to 
    "stylesheets": [
        "stylesheets/style.css",
        "stylesheets/home.css"
    ],

Then I navigated to my home page, clicked on "edit page info" and added the following to the page header: 

<link href="/template/d7411a18eded4a56a8d4d9de7185f519/stylesheets/home.css" rel="stylesheet" type="text/css">

I got what I believe to be the template ID (the long combination of letters and numbers) from inspecting the code. Specifically, I found where the "style.css" is called in the header. Since the style.css is located in the same place as where I put the home.css, one would think the path to be similar. 

code for the style.css file
<link href="/template/d7411a18eded4a56a8d4d9de7185f519/stylesheets/style.css" rel="stylesheet" type="text/css">

Alas, nothing changed. Any feedback would be greatly appreciated. 

Steven