2 minutes read

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.