How to Design Header Layout in Multi WordPress Theme?

June 18, 2021 Multi User Customize Multi, Multi Theme and Website Builder

To customize your site’s header layout, from your WordPress Dashboard go to Appearance > Customize > Header > Layout.

  • Enable full width header – enable full page width header content.
  • Header mobile breakpoint – set the header mobile breakpoint using pixels.
  • Menu style on desktop – set the menu style type on desktop. Choose from Standard, Hidden with toggle button, Overlay, Menu with diagonal background.
  • Header height (top part – main) – set the header top (main) part height using pixels.
  • Header bottom part height (additional) – set the header bottom (additional) part height using pixels.
  • Search in menu – set the search icon position. Choose a position from left top, left bottom, center top, center bottom, right top, right bottom, or don’t show.
  • Logo position in header – set the header site logo position. Choose from left top, left bottom, center top, center bottom, right top, right bottom.
  • Move header elements towards centered logo – you can center the header logo and move centered header elements (such as menus) towards it.
  • Main menu position – set the main header menu position. Choose a position from left top, left bottom, center top, center bottom, right top, right bottom, or don’t show. This option applies only to standard (default) menu style.
  • Header additional menu position – set the additional header menu position. Choose a position from left top, left bottom, center top, center bottom, right top, right bottom, or don’t show. This option applies only to standard (default) menu style.
  • Header social links position – set the header social links position. Choose a position from left top, left bottom, center top, center bottom, right top, right bottom, or don’t show.
  • Ad position in header – set the header ad position. Choose a position from left top, left bottom, center top, center bottom, right top, right bottom, or don’t show.