Left logo on Mobile Menu is centering

Comments

• Pablo

  March 2019

  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

  April 2019

  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

  April 2019 edited April 2019

  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

  April 2019

  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

  April 2019

  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

  April 2019

  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

  April 2019

  I've updated the code above.

  It should be good now.

  Thanks
  

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