Center Logo in Navigation Bar


(Clever Moniker) #1

May I ask how to center the logo within the navigation bar?


#2

Hi All, I too am interested in centering the logo in the top header nav menu, is this something that can be accomplished with some CSS?

Thanks


(Mittineague) #3

Depends on what you consider “accomplished”

IMHO the best way to figure out things CSS for Discourse and indeed for any web page, is to use your browsers dev tools to “inspect” various HTML elements.
Then disable, modify, add different CSS rules until you get the styling you want.
Make sure you take note of your changes so you can use them.

Being an expert Designer is not easy of course, but with perseverance minor “tweaks” are often relatively easy once you get started.

.navigation-topics .d-header .contents {
  text-align: center;
}
.navigation-topics .d-header .title {
  float: none;
  display: inline-block;
}


#4

@Mittineague Thanks Mittineague ! yes I will give Google chrome inspect element a try.