Different Header Image on Mobile – trying to center it

[hmistler]

Hi there - I have figured out how to display a different Header Image when the site is scaled down to Mobile size, but I can't figure out how to center it! If I deactivate this new Header Image, the old one displays and it's perfectly centered, but this new image is displaying on the left side of the screen. You can see what I mean here if you scale the page down. If anyone has a suggestion on how to get this new image to display centered, I'm all ears!

http://74.220.219.70/~mossandb/

[emasai]

Change the following to 50%

@media only screen and (max-width: 1023px)
.header-image .site-title > a {
    background-position: top !important;
    background: transparent url(http://74.220.219.70/~mossandb/wp-content/uploads/2016/12/MB_logo_blue.png) no-repeat scroll 50% 0 !important;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[hmistler]

Perfect, thanks a million!

[Author]

Posts