Mobile Layout Help?

[Nailah_Ali]

So I’ve got the desktop site up and going, but the mobile site is wacky. My site is here: http://nailahali.com/ – is there a specific area outside of the section in Theme Options where I can fix everything? Most of it is working well, but like, i tried to upload a different logo for mobile and it’s just wonky. Thank you!

[SeaTheme]

Hi, there is not the logo option for mobile layout. You could use the custom css to set the mobile logo as background image, hide the normal logo.

Please login wp-admin, go to Appearance / Theme Options / Custom Css
Paste the style code to Custom Css:

@media (max-width: 767px) {
#header .logo-a { background-image: url(http://nailahali.com/wp-content/uploads/2017/01/2017FreelanceLogoFinalCentered_Nfooter.png); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } 
#header .logo-image { opacity: 0; visibility: hidden; }
}

Cheers!
Bwsm – uiueux.com – Twitter – Facebook

[Nailah_Ali]

Ok great! Last thing is that I want the logo to be centered. I made it at the max width indicated in the code you provided and centered it, but it’s still not centered when i look on mobile.

[SeaTheme]

Please use the custom css:

.ux-mobile .navi-logo {
    text-align: center;
}

[Nailah_Ali]

Works perfect, thank you!

[Author]

Posts