How to Move Site Logo into the middle ?

Hi..

Please go to Admin Dashboard >> Appearance >> Theme Options >> Theme General Settings.

Now copy below code and paste into custom css editor.

@media (max-width:480px){
.logo a {
display: inline-block !important;
}
}

Save the changes.

Thanks.

Thanks

Most Welcome.

Thanks.

Hi!

is there a way to move the logo all the way to the left in home page and all pages?

Hi..

Please share your site URL and explain your issue in detail.

Thanks.

Hi!

i believe this depends on the type of screen… I’m now in a not too wide one and it adjusted to fit screen..

Hi.@oscarptr

Please share your site URL.

Thanks.

Hi, I’m also trying to move my logo to the centre of the header but without luck with the above code (as I realised later it’s for mobile). I’d also like to then have the site tagline then bigger to fill the space left on the left by moving the logo.

https://www.oliviasplace.org.au

Hi..

Please add below css into custom css editor.

.logo a img {
    margin-left: 70% !important;
}
@media (max-width:768px){
.logo a img {
    margin-left: 30% !important;
}}
@media (max-width:480px){
.logo a img {
    margin-left: 0 !important;
}}
.logo p {
    font-size: 20px !important;
}

Save the changes.

Thanks.

Thank you. This has moved the logo perfectly. I wonder if I could now ask for a code to move the site Tagline either on the left hand side of the header to fill the empty space, or centred underneath the logo. I’m not sure how easy it is to create code for either of these two options for me to try and see which look I prefer?

Thanks again!

Hi..

Please add below css into custom css editor.

.logo p {
    margin-left: 50% !important;
    width: 100% !important;
}
@media (max-width:768px){
.logo p{
    margin-left: 0 !important;
}}
@media (max-width:480px){
.logo p{
    margin-left: 0 !important;
}}

Save the changes.

Thanks.

Thank you, One last question. The Site tagline has bumped one of the words down to a second line of text. Could I please have the whole tagline on one line of text?

Thanks

Actually ignore that, it must just do it when the screen is compressed. I just exited the customiser and it’s appearing on a single line now ??

Hi..

Is your issue resolved or not ?

Thanks.

Yes, it is. Thank you so much for your help ??