Center Logo on Mobile

send URL here.

its a test site at

https://appmosphere.com.au/coolumbowls/

Hi Shawntkd

Thanks for using our theme.

Yes! it is possible to logo is loaded center in mobile view.

But you need to customize the some line of css code.

Go to theme directory =>css => media-responsive.css file and open these file.

Find the given both media query line
1.

@media only screen and (min-width: 480px) and (max-width: 767px) { —-media query code—– }

2.

@media only screen and (min-width: 200px) and (max-width: 600px) { —media query code— }

Add the given line of code in both media query

.logo img{ margin-left:35%; }

For example :

@media only screen and (min-width: 200px) and (max-width: 600px) {
.logo img{ margin-left:35%; }
—-other media query code. ——–

}

Save the changes

Thanks

Hello,

I did exactly as told, but my logo shifted from off-right to off-left on mobile (iPhone 5s). Is there anything else I can look at to center the logo on mobile devices? https://www.snowfreshfoods.com/wordpress

Thank you,
gg

I created the child theme and modified media-responsive.css.

My logo doesn’t align left on my LG Optimus G Pro.

Link

@media only screen and (min-width: 480px) and (max-width: 767px) {
.logo img{ margin-left:35%; }

@media only screen and (min-width: 200px) and (max-width: 480px) {
.logo img{ margin-left:5%; }
...
}