Left logo on Mobile Menu is centering

bedgel

I am trying to make the logo on the mobile menu go to the left. I have selected the Menu right | Logo left layout for <768 in the Options > Responsive > Header, but the logo is centering on the mobile menu. Any thoughts on what I am missing?

Here is a link to the site for your reference: http://cp4.f4a.myftpupload.com

Pablo

Hi,

Did you tick the "Minimal" option in the Theme Options > Responsive > Header?

http://prntscr.com/n41qvb

It's important to turn on, without it it's not gonna change the header type for mobile.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bedgel

Thanks for that. It made the logo go left, but now it is overlapping. Is there a way to have the logo overlap on the desktop version, but be centered in the header (no overlap) on tablet and mobile?

Pablo

Hi,

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

@media (max-width:1240px){
	.logo, .logo img{
		height:70px !important;
	}
	
	#Top_bar{
		height:80px !important;
		padding-top:10px;
	}
	
	#Top_bar .icon-menu-fine{
		font-size:38px !important;
	}
	
	 html body #Top_bar .logo a#logo{
		line-height:0px !important;
		padding:0px !important;
	}
}

I didn't make that centered, because it could make problems with aligning.

Is that okay?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bedgel

Awesome that worked! Now, is there anyway to make the logo and header bigger? I would like the logo about 75 px with 10px marine above and below (inside the header bar.)

Also, would like the logo behave this way on tablet as well.

Thanks so much for your help!

Pablo

Okay, I've updated the code above.

It will behave like that on tablet too.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

bedgel

Pablo,

Thanks for the help. I put in the new code, but on the tablet size the logo is down in the picture instead of in the menu bar.

Can you send the code to make the logo about 70xp high with 10px margin above and below the logo, with the logo on the left side inside the menu bar?

Thanks so much for your help!

Pablo

I've updated the code above.

It should be good now.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next