Return to previous page

Can't center mobile logo - by stuart selip

This topic has 6 replies, 2 voices, and was last updated 10 years ago ago by Eva Kemp

stuart selip

Participant

October 28, 2014 at 22:06

Hello,

I read two fixes for centering the mobile logo (one for legenda and one for blanco) and tried both in my custom.css, which has been properly activated and is working. Here is what I added.

.top-cart-disabled .logo {
width: auto !important;
}
@media (max-width: 480px) {.logo {
margin-left: 0;

No joy… the logo is still not centered. I know the custom.css is active as I have added this code to reduce padding among fixed nav menu entries, and it works fine.

.main-nav .menu > li {
padding: 0 5px;
}

The off-center logo appears on a Samsung Galaxy S4, but I gather others have difficulties on other devices.

Thanks,

Stu

Please, contact administrator
for this information.

#22138 Copied

5 Answers
Eva Kemp

Support staff

October 28, 2014 at 23:40
Hello,

Please try to add this code:
```
@media (max-width: 480px) {.header .logo {
    left: 70%;
}}
```
Thank you.
Regards,
Eva Kemp.
#22154 Copied
stuart selip

Participant

October 29, 2014 at 00:42

That worked great, Eva! Thank you.

Stu

#22173 Copied

Eva Kemp

Support staff

October 29, 2014 at 00:51

Hello,

You’re welcome.

Regards,
Eva Kemp.

#22176 Copied

stuart selip

Participant

November 21, 2014 at 02:13

Hello Again Eva,

For some reason (no change to theme, css, or anything else) the client’s logo is now displaced to the right on Smartphones, when the phone is held vertically. When it is held horizontally, the logo centers properly. Not sure what has caused this issue.

Credentials in the private section.

Thanks much for your help.

Stu

Please, contact administrator
for this information.

#25837 Copied

Eva Kemp

Support staff

November 21, 2014 at 09:22

Hello,

I’ve edited custom.css file.
Please check the logo display now.

Regards,
Eva Kemp.

#25880 Copied
Tagged: centering, design, mobile logo, seo friendly, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)