Increase logo size

signout · January 2016

i'm using Lab theme and i would like a bigger logo in the middle, how should i do that?

It's has to stay in the middle of the menu so it stays symmetrical.

It has to be around 200px wide and 115 heigh.

Greetings

Albert · January 2016

Hi,

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

Thanks!

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; }

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; }

Increase logo size

Comments