How can I centre the logo on my blog please?
-
Hi
I do have Premium Upgrade and I am not a tech-na-phob, I have looked at a fair few user/instruction guides but I just can’t get my head round it.
I hope someone can help me please?
Thank you so much in advance :-)
Best wishes
ClairThe blog I need help with is: (visible only to logged in users)
-
Hi Clair, the following will center your site logo.
.site-branding { margin-left: 0; float: none; } .site-logo { margin-left: auto; margin-right: auto; }This then makes the navigation look off, so you may also want to center it as well. I’ve used a Media Query to do this part so that it doesn’t cause issues when the menu switches to the touch device menu.
@media screen and (min-width: 1020px) { .primary-navigation { text-align: center; width: 100%; } .primary-navigation .menu-primary ul { display: inline-block; margin-bottom: -6px; position: relative; right: 50px; } .primary-navigation .menu-primary { width: 100%; } } -
Oh, I forgot, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.
-
Thank you, it worked I’ve done it (YAY), the text and logo are now centred yet my menu isn’t, sorry :-)
How can I rectify that please?
Thank you so much.
I think perhaps my picture is too wide aswell.
http://www.dualfocusphotography.com what do you think?
Thank you soooooooooooo much again :-)
Clair
-
-
- The topic ‘How can I centre the logo on my blog please?’ is closed to new replies.