How to make sticky menu same size in all pages

Good day,
I would like to ask if its possible to make the masthead (sticky bar) at the top of the page the same size in all pages.

When the masthead is docked after loading the page it is /lets say/ 100px. After scrolling down the home page it gets thiner (for eg. 60px).

In all other pages except home page it stays 100px all of the time /while scrolling.

How to make the masthead to act the same on all of the pages like on the home page?

Many thanks in advance!

Hello there,

After scrolling the masthead padding is reduced from 20px to 5px. To prevent this, you can use the below custom CSS code:


.site-header.float-header {
  padding: 20px !important;
}

To apply it to your site, add it to Appearance > Customize > Additional CSS from your site dashboard.

Regards,
Kharis