Center Logo on Responsive Headers

[ygk]

Hi there
How can I horizontally centre the logo on mobile/ipad layout with Dante?
Thanks!

[Mohammad – SUPPORT]

Hi,
Please always share website URL to get exact solution quickly .

Thanks

[ygk]

This is the url: http://yungraphik.com
I can’t get the logo to centre once the screen width gets smaller. I tried to use the custom css I had come up with before from another site I did below.

I managed to get the logo to centre here before, but I don’t think I’ve updated to the latest Dante version for this site yet: http://thecleanestisland.com

[Mohammad – SUPPORT]

Hi,
Please go to Admin -> Theme Options -> Custom CSS -> Here put this code and update options

@media only screen and (max-width: 991px) {
#logo a {float: none !important;}
}

Thanks 🙂
With Best Regards
Swift Ideas

[ygk]

Thanks that worked!
If I want to add some top padding and not affect the logo proportions, what css should I use on mobile/ipad? I tried add top-padding, but the logo ended up being squashed vertically.

[Mohammad – SUPPORT]

Hi,
Please attach marked screenshot that what do you want ?
Thanks

[ygk]

Hi there,
Never mind about my previous question. I have a new question now.
I got the logo to center horizontally, but as I resize the screen width, there’s one instance when the logo will move to the left and then to centre. Is there a javascript or css I can remove so that his movement doesn’t happen? I think this movement happens around the 800-900 screen width size.
Same site: http://yungraphik.com
THanks!

[Mohammad – SUPPORT]

Hi,
This is just for instance and end user will not resize browser like you . So dont worry about that .
Thanks