Remove Site Identity logo from homepage

  • Resolved robotinvasion

    (@robotinvasion)


    4 years, 7 months ago

    Hestia Theme

    I have added a site identity logo, and it shows in the upper left corner of my homepage, as well as all linked pages.

    I want to remove it from the homepage, yet keep the logo on all of my sub pages, as it makes a nice header logo.

    I am having trouble locating the right CSS code. Perhaps a genius can help me. Thanks in advance.

    Also, if someone knows how to move it away from the upper left corner, more into the page, that code would be helpful as well.

    robotinvasion

Viewing 7 replies - 1 through 7 (of 7 total)
  • Jarret

    (@jarretc)

    4 years, 7 months ago

    This should hide it on the homepage only

    .home .navbar-brand {
    display: none;
}

    Not sure what you mean by move it away from the upper left corner though…do you just mean more to the right horizontally within the menu?

    Thread Starter robotinvasion

    (@robotinvasion)

    4 years, 7 months ago

    Ah, yes!!! That worked soooo well! Much appreciated. I have been googling all day for that code, and no others worked. Well done. Thanks Jarret.

    And yes again, I just want to move the logo to the right horizontally to align with elements on the page.

    Thanks for the help.

    Jarret

    (@jarretc)

    4 years, 7 months ago

    Are you using a menu in the main navigation up there as well? Currently the area for the logo is only 250px wide and not meant to span across the top of the page so aligning it to the center of the screen is a bit trickier but can be done.

    Thread Starter robotinvasion

    (@robotinvasion)

    4 years, 7 months ago

    No worries. I can live with it as is. Getting rid of the logo on the home page was the big one. And you solved that.

    A big question here. And I know there is no easy answer. But obviously I am new at this. How can I dive into the CSS more and get what I want out of my new site? Like, for example. How did you know the site logo was within the navbar? None of the code I looked at earlier today in my searches targeted the navbar? How would I have known thats where the logo was located?

    Thanks

    Jarret

    (@jarretc)

    4 years, 7 months ago

    It depends on which browser you use. I use Chrome myself but all of them have their own “developer tools” available in order to look at the source code of a site.

    If you’re using Chrome, you can right click anywhere on the page (the logo for example) and then in the menu click on Inspect. The dev tools should open showing the source code with the tag of the logo highlighted. You’ll see the surrounding code and you kind of just go from there.

    In the dev tools, if you mouse over the other elements in the source code, it’ll highlight those elements so you can see where they are on the page and their size/etc.

    Thread Starter robotinvasion

    (@robotinvasion)

    4 years, 7 months ago

    Cool. I will check that out. Thanks

    silverliebt

    (@silverliebt)

    4 years, 6 months ago

    Get Started With Viewing And Changing CSS
    (Google article on using DevTools)

    https://developers.google.com/web/tools/chrome-devtools/css

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Remove Site Identity logo from homepage’ is closed to new replies.