Logo on Mobile Menu is off center

Posted in: Newspaper
Post count: 45
Joe Jerde
#18093
Aug 10, 2014 at 10:08 pm

How to fix the logo on the mobile menu from being off-centered? See http://gadgism.com from mobile.

Post count: 45
Joe Jerde
#18123
Aug 11, 2014 at 9:40 am

Just so you know, I’ve already tried the margin option on the theme options and nothing worked.

Post count: 32
Nitish Saxena
#18133
Aug 11, 2014 at 10:11 am

In Theme Panel – Header section, upload a logo image with smaller dimensions than what you have at present for Logo (Retina). That will solve all your issues 🙂

Post count: 6600
Lucian
#18251
Aug 12, 2014 at 9:15 am

Hi,


@Joe Jerde
Please try this custom css in Theme Panel > Custom CSS:

@media (max-width: 767px){
.mobile-logo-wrap img {
top: 1px !important;
height: 100%;
}
}

Hope this helps!
Thanks

  • This reply was modified 11 years by Lucian.
Post count: 45
Joe Jerde
#18435
Aug 13, 2014 at 11:40 pm

Hi Lucian, thanks for that, the logo is within the navbar now, however, the logo is now squished a bit and looks distorted. How to prevent this?

Post count: 6600
Lucian
#18483
Aug 14, 2014 at 11:41 am

Hi,

Add this css or just add the width: 150px !important; to the previsious custom css i gave you:

@media (max-width: 767px){
.mobile-logo-wrap img {
width: 150px !important;
}
}

Should solve it http://screencast.com/t/b9dHstBboWKQ
Thanks

  • This reply was modified 11 years by Lucian.
Post count: 45
Joe Jerde
#18580
Aug 15, 2014 at 9:45 am

Perfect, thank you!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.