Center Logo

altonf

Wondering if you could help on this site. Looking at the site on a phone the s5_logo.png on top wants to remain on the left in both landscape and portrait on phones and pads. Do we have a way to center the logo when in responsive mode?
in the s5_responsive.css I did try

	#s5_logo, #s5_logo_module {
	display: block;
        margin-left: auto;
        margin-right: auto 
	}

Any help would be great

Joomla! 3.9.14
Template GCK Store

saguaros

altonf

You can use this custom css:

@media (max-width: 480px) {
 #s5_logo, #s5_logo_module { float: none; }
}

altonf

No help here?

altonf

saguaros,

Hope your good. I tried the above code which worked well for me on one site on the iphone. but not this one: http://bigfishangler.com I did change the code alittle can you tell me possibly why it is not working?

@media screen and (max-width: 480px) {
 #s5_logo, #s5_logo_module, s5_logo_css { float: none; }
}

Thank you

saguaros

altonf

This site use a different id so you can not apply above code.

Try this one:

@media screen and (max-width: 480px) {
 #s5_logo_wrap {text-align: center;}
}