Header Layout

The Header Layout settings let you customize the background of your website’s header area. You can choose between solid colors, background images, and different display options to match your site’s br

Navigate to Appearance > Customize > Footer Settings

Header Background

• Change the background of the header section using either a solid color or an image.

Background Color

• Select a color for the header background if you don’t want to use an image.

Background Image

• Upload or select a background image for your header.

• You can upload, replace, or remove the image at any time.

Background Repeat

• No Repeat → Displays the image once.

• Repeat → Tiles the image both horizontally and vertically.

Background Position

• Define where the background image should be aligned.

• Example: Center Top positions the image in the middle horizontally and at the top vertically.

Background Size

• Cover → Stretches the image to cover the entire header background.

• Contain → Scales the image to fit within the header area.

• Auto → Uses the image’s original size.

Background Attachment

• Scroll → The background moves as the user scrolls.

• Fixed → The background stays in place while scrolling, creating a parallax-style effect.

✅ Tips

• Use a solid background color if your logo and navigation need high contrast.

• Choose Cover for full-width modern header designs.

• Use Fixed attachment to create a professional parallax effect.