Align logo left in mobile header?

niklaseee · October 2016

I can not see where to align logo left in mobile resolution for the logo. It is centered.

/ Niklas

Albert · October 2016

Hi,

we do not have any option to align logo to the left on mobile so to do this, you need to use custom css. If you will send us link to page where you would like to align logo, we will try to help you with this css.

niklaseee · October 2016

Hello thanks!

http://devweb.edelstromdesign.se

Is there also a way to reduce the height of the header?

Best regards

Niklas

Albert · October 2016

To reduce height of the Top Bar, you need to use custom css:

body.minimalist-header.header-simple:not(.template-slider) #Header { min-height: 70px !important; }

niklaseee · October 2016

Thanks!

And what about aligning logo left in mobile resolution?

Albert · October 2016

Sorry, we forgot about it. To move the logo on mobile to the left side, please use:

@media only screen and (max-width: 767px) {
    #Top_bar .logo { text-align: left !important; }
}

Align logo left in mobile header?

Comments