Need help centering logo on mobile device

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: Centering logo

Author

Posts
October 9, 2017 at 6:09 pm #399657

Preeit
Free User

Post count: 56

Hi.

Just needed some help in centering my logo when viewed on a mobile device. I managed to get the site correct but it is off-center a bit. Can someone assist please? I am willing to give it a go if you let me know what edits needed to be made to the script in the CSS thing, or you are free to do it for me and then send me “how to” 🙂

October 10, 2017 at 12:47 am #399746

Paolo
Site Admin

Post count: 31211

Hi,

please provide a link to your website and we’ll provide the css.

let us know.

thanks

October 10, 2017 at 3:06 am #399770

Preeit
Free User

Post count: 56

This reply has been marked as private.

October 10, 2017 at 4:04 am #399772

Preeit
Free User

Post count: 56

This reply has been marked as private.

October 10, 2017 at 5:13 am #399776
Kor
Moderator

Post count: 16516
Hi Preeit,

Just checked your Website and I’m able to see some off alignments there. To adjust the logo position, insert this custom CSS into GD > Design > Scripts > Custom Style CSS.
```
@media only screen and (max-width: 500px) {
.site-logo-wrap .site-logo, .site-logo-wrap h1.site-title-no-desc {
    margin-left: -25px!important;
}
}
```
October 11, 2017 at 3:32 pm #400027

Preeit
Free User

Post count: 56

This reply has been marked as private.

October 12, 2017 at 3:09 am #400114
Kor
Moderator

Post count: 16516
Hi Preeit,

Could you please remove the custom CSS I’ve provided earlier and use this one instead?
```
@media only screen and (max-width: 500px) {
.site-logo-wrap {
    width: 80%!important;
}
}
```
Let me know if it works better
October 12, 2017 at 3:57 am #400116

Preeit
Free User

Post count: 56

This reply has been marked as private.
Author

Posts