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?
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.
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.
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
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.
Cool. I will check that out. Thanks
Get Started With Viewing And Changing CSS
(Google article on using DevTools)
https://developers.google.com/web/tools/chrome-devtools/css