Change Logo and Sticker Header Logo Size

channingbailey

How can I change the size of the Logo in the Main Menu — Normal and Sticky?

Please provide the Custom CSS to change the size of the Logo and Sticker Header Logo in the menu.

I have provided a screenshot of the areas I want to change.

Phil

Hi,

Please, go to Betheme -> Theme options -> Global -> Logo, and there you will be able to control the height of your logo.

Thanks

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

channingbailey

This setting changes the height of the menu bar as well. I just want to change the logo size.

This does not affect the sticky logo size either. What is the CSS to adjust the sticky logo?

Phil

Please, try the following codes:

#Top_bar .logo .logo-main{
   height: 180px!important;
}
#Top_bar .logo .logo-sticky{
   height: 100px!important;
}

Thanks

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

channingbailey

Thank you. The logo worked, but not the sticky logo.

Phil

I have checked your website source and I can see that the CSS for the sticky logo works correctly.

Please, check the following screenshot:

Thanks

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

channingbailey

The logo's size hasn't changed. It's right next to the arrow.

Phil

It did. Please, check how it looks without the CSS, and with it.

However, it cannot be bigger than the max-height. To turn off the max-height, try the following code instead:

#Top_bar .logo .logo-sticky{
  height: 250%!important;
  max-height: unset!important;
}

Thanks

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