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