Increase logo size

Comments

• Albert

  January 2016

  Hi,
  
  please send us link to page where you want to increase logo and we will help you for sure.
  
  Thanks!
  

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

  January 2016

  link

  
  

  Thanks!
• Albert

  January 2016

  Ok. So to increase this logo size, please use the following css:

  #Top_bar #logo { height: 90px !important; padding: 0 !important; }

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

  February 2016

  Hello.

  
  

  I found in the forum almost all I need to adjust my logo size, however some issues remain.

  1) The shopping cart icon (for woocommerce) is not aligned with search icon. I believe one CSS line is missing in the forum post I found.

  2) The menu fold on the right is misaligned, not sure why.

  
  

  I believe we need some minor adjust in the CSS code I found here in the forum. Could you please check and help me to fix this?

  
  

  Check the website in the address: http://fazermais.com.br/site/

  
  

  => Below is the CSS code I found in the forum

  #Top_bar:not(.is-sticky) #logo { height: 100px !important; padding: 0 !important;}
  

  #Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 20px !important; }

  #Top_bar:not(.is-sticky) .top_bar_right::before { height: 130px !important; }

  #Top_bar:not(.is-sticky) .top_bar_right { height: 130px !important; }

  #Top_bar:not(.is-sticky) a#search_button { top: 54px !important; }
• celsocos

  February 2016

  Hello again.

  
  

  I was able to adjust the alignment of menu (item number 2) adjusting the CSS numbers. The height and padding must match, so it's done now.

  
  

  I need your help to fix the shopping cart position, maybe a CSS line is missing.

  
  

  http://fazermais.com.br/site/
  

  
  

  Thanks in advnce,

  Celso.

  
  
• Albert

  February 2016

  @celsocos
  
  You can short both of these with the following css:

  #Top_bar a#header_cart { top: 54px !important; }
  #Top_bar:not(.is-sticky) .top_bar_right::before { height: 105px !important; }
  #Top_bar:not(.is-sticky) .top_bar_right { height: 105px !important; }

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