Customizing the topbar layout of your MonaWP theme can significantly impact the appearance and functionality of your website’s header section. Here’s a guide on how to utilize the options available under Customize -> Topbar -> Layout:
Flex Direction
- Description: Determines the direction of flex items within the topbar.
- Usage: Choose from options like Row, Row Reverse, Column, or Column Reverse.
- Location: Customize -> Topbar -> 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 -> Topbar -> Layout.
Enable Topbar
- Description: Toggles the visibility of the topbar.
- Usage: Check or uncheck the box to enable or disable the topbar.
- Location: Customize -> Topbar -> Layout.
Horizontal Padding
- Description: Adjusts the padding on the left and right sides of the topbar.
- Usage: Move the slider to set the desired horizontal padding value.
- Location: Customize -> Topbar -> Layout.
Vertical Padding
- Description: Adjusts the padding on the top and bottom sides of the topbar.
- Usage: Move the slider to set the desired vertical padding value.
- Location: Customize -> Topbar -> Layout.
Max Width
- Description: Sets the maximum width of the topbar.
- Usage: Move the slider to set the desired maximum width value.
- Location: Customize -> Topbar -> Layout.
By customizing these options, you can tailor the topbar layout to suit your website’s design and enhance user experience. Experiment with different configurations to achieve the desired look and functionality for your MonaWP theme’s topbar.