Customizing Header Layout in MonaWP Theme

Read Time ~ 2 minutes

In MonaWP theme, the header layout plays a crucial role in defining the structure and appearance of your website’s header section. Here’s a comprehensive overview of the customization options available under Customize -> Header -> Layout:

 

Flex Direction

  • Description: Determines the direction of flex items within the header.
  • Usage: Choose from options like Row, Row Reverse, Column, or Column Reverse.
  • Location: Customize -> Header -> Layout.

 

Flex Justify Content

  • Description: Controls the alignment of flex items along the main axis.
  • Usage: Select from options like Start, End, Center, Space Between, Space Around, or Space Evenly.
  • Location: Customize -> Header -> Layout.

 

Sticky Header

  • Description: Enables or disables the sticky header feature.
  • Usage: Check or uncheck the box to enable or disable the sticky header.
  • Location: Customize -> Header -> Layout.

 

Horizontal Padding

  • Description: Adjusts the padding on the left and right sides of the header.
  • Usage: Move the slider to set the desired horizontal padding value.
  • Location: Customize -> Header -> Layout.

 

Vertical Padding

  • Description: Adjusts the padding on the top and bottom sides of the header.
  • Usage: Move the slider to set the desired vertical padding value.
  • Location: Customize -> Header -> Layout.

 

Max Width

  • Description: Sets the maximum width of the header.
  • Usage: Move the slider to set the desired maximum width value.
  • Location: Customize -> Header -> Layout.

 

By customizing these options, you can create a header layout that aligns with your website’s design and branding. Experiment with different configurations to achieve the desired look and functionality for your MonaWP theme’s header.

Leave a Reply

Your email address will not be published. Required fields are marked *