2 different Top bar sizes in a website

Hi,

I would like to know how can achieve a top bar (logo) customisation size.

1. How can I have two different top bar sizes (height) in different pages?
Basically, I want the home page to have a bigger height for the logo (top bar) and in the rest of the website pages (not homepage) a smaller top bar (smaller logo) (example attached)
Also, in both examples I would like to have a sticky navbar, which means when scrolling down, the logo will disappear and the navbar will stay on top.

Thank you

Hi there,

This will need extensive customization which is outside of our support scope and is not part of the original functionality of the theme.

One solution can be to have the Revolution Slider to add the Logo and set a fixed height for it and add it above masthead for home:

Then add another slider with other height and add it to all other pages.

But this method will not work for places that you do not have access to above masthead functionality such as the blog listing page.

Thank you fo your understanding.

Hi,

Thank you for your reply.
I thought about that, but just wanted to make sure if there was another way.

BTW, is there any code I can add to the page CSS that will reduce the logo size?

Cheers

Hi,

You can reduce the size by changing your logo width under Appearance > Customize > Header

Hope that helps