How to Make the Header Sticky in Multi WordPress Theme?
To make your website header sticky, go to Appearance > Customize > Header > Sticky header settings and choose one of the options from the Sticky header dropdown menu: static, animate when scrolling down, animate when scrolling up. Here you can also disable the sticky header.
Then customize your sticky header with the following options:
- Rows to show in sticky header – choose whether to make both header rows sticky, or just top or bottom one.
- Sticky header background color – set the sticky header background color.
- Sticky header height (top part – main) – set the top header row height.
- Sticky header bottom part height (additional) – set the bottom header row height.
- Logo in sticky header max height – set the maximum height of the logo in the sticky header.
- Show sticky header shadow – you can add a shadow to the sticky header’s bottom border.
- Sticky header menu link color – set the menu link color for when the header is sticky.
- Sticky header menu link hover color – set the menu link hover color for when the header is sticky.
- Sticky header menu link border color – set the menu link border color for when the header is sticky.
- Sticky header menu link background color – set the menu link background color for when the header is sticky.
- Sticky header menu link background hover color – set the menu link background hover color for when the header is sticky.
- Sticky header menu pull down icon color – set the menu pull down icon color for when the header is sticky.
- Sticky header menu pull down icon hover color – set the menu pull down icon hover color for when the header is sticky.
- Logo in sticky header – you can add a custom logo for when the header is sticky. Just choose an image from your WordPress Media Library or upload a file from your computer.
- Sticky header logo width – set the custom logo width in pixels.
- Sticky header logo height – set the custom logo height in pixels.