Customizing WoodMart Header and Footer Layout Guide

For a website, the visual effect of the first glance of the home page depends on the header; and the impression at the end of the overall browsing is determined by the footer. Use WoodMart The theme, which allows you to create a properly laid out header and footer, enhances the professional feel of your website and guides visitors through important actions, such as browsing product categories, subscribing to emails, or contacting customer service.

In this article, we'll take you through the WoodMart theme ofHeader and footerThe customization methods, combined with hands-on practice, help you quickly create a page structure that matches your brand's style.

I. Enable Header Builder Function

WoodMart has a powerful Header Builder tool built-in, which is enabled by default after theme installation. Access it in the backend menu:

WoodMart → Header Builder

Here you can choose from preset templates or build a personalized structure from scratch, including:

• Left and right logos and menu combinations
• Centered Navigation + Search Bar
• Top notification bar (supports promotional information or contact information)
• User login portal, shopping cart icon, customized buttons, etc.

Each element can be dragged and dropped, and the display is set up separately for desktop, tablet and mobile to ensure compatibility with different devices.

II. Proposals for customizing the header structure

For clearer navigation and smoother interaction, refer to the following structure scheme:

• left side: Logo + Main Menu
• right side: search, user center, shopping cart icons
• top bar(Optional): announcements, phone calls, social links

Setting method:

1. Click on any module in the Header Builder
2. Adjustment of alignment, alignment
3. Setting visual properties such as color, spacing, font size, etc.

You can also set whether or not to hide on mobile for each module individually to ensure that the content is concise and not overloaded.

III. Adding dynamic content (e.g., language switching, login button)

WoodMart supports inserting Shortcode into the header module. For example, want to add login/register button in the top right corner, you can use:

[woodmart_login]

Similarly, if your site ispolyglotstation (e.g., using WPML maybe Polylang plugin), a language switcher module can be added to the header to allow visitors to quickly switch between desired versions.

Fourth, customize the layout of the footer

The footer section is in the Theme Settings → Footer Configuration is performed in the

WoodMart offers two setup paths:

1. Use the default Footer layout(fast)
2. Creating Custom Footer Blocks(more flexible)

Default layout adjustment steps:

• Go to Theme Options > Footer
• Select layout style (1 column, 2 columns, 3 columns, 4 columns)

• existAppearance → WidgetsConfigure the content of each column: menus, text, widgets, social icons, etc.

Creating custom Footer blocks (recommended)

The steps are as follows:

• Create a new page and use Elementor (or WPBakery) to design the Footer content in the editor.

• After publishing, go back to WoodMart → Theme Settings → Footer

• Open the Custom Footer Block and select the block page you just created.

This approach is more suitable for websites with strong brand styling, such as adding graphic modules, contact forms, co-branding logos, and other content.

V. Avoiding common mistakes

• footerToo many elements in can lead to confusion on mobile, it is recommended to hide secondary content on mobile.
• The footer suggests keeping at least the copyright information, contact information, and back to top button.
• If you use theCaching PluginPlease clear the cache after modifying the header and footer, otherwise the front-end may not be updated in real time.

concluding remarks

WoodMart has a complete and flexibleHeader and footer customizationAbility to easily match the structure to your target style, whether you're doing e-commerce, blogging or brand presentation.

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off