Logo Position

barefacedaudacity · Member · Aug 28, 2016 at 3:26 pm
Copy link

Add topic to favorites
website: http://www.djbfa.com
Theme: ShoreDitch

in the header of my website I want to position the logo in the
centre instead of the left side. How can I do this. I am using the theme ‘Shoreditch’

Thanks and best regards,
Fred van Zelm

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 28, 2016 at 8:02 pm
Copy link
Hi Fred, the following will center align your logo for you.
```
.sticky-header .site-branding {
    text-align: center;
    width: 100%;
}
```
thesacredpath · Member · Aug 28, 2016 at 8:06 pm
Copy link
If you also want to center your menu items, which I think would look good with the center logo, add the following as well.
```
.site-menu {
    max-width: 100%;
    width: 100%;
}
.main-navigation {
    text-align: center;
}
.main-navigation ul {
    display: inline-flex;
}
```
barefacedaudacity · Member · Aug 28, 2016 at 8:30 pm
Copy link
Dear Sacred Path,

Thank you very much with helping me out on this. I really appreciate it!!!!
Thanks again.

Best regards,
Fred
thesacredpath · Member · Aug 28, 2016 at 10:51 pm
Copy link
You are welcome, Fred.
nicolette0223 · Member · Oct 6, 2016 at 7:54 pm
Copy link
Hello, I would like to make the Menu text in the header larger without making the text of my posts or pages larger. How can I do this?

My website is https://booksbytheday.com
(Menu items that I wish to be larger are: Home, Daily Deals, Readers, Authors.)
thesacredpath · Member · Oct 7, 2016 at 7:31 pm
Copy link
Hi @nicolette0223, since this is a different topic than discussed in this thread, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

No items found.