Customize Header and Footer of WoodMart Theme

WoodMart The theme comes with a very powerful Header Builder and Footer Builder, which allow you to flexibly adjust the layout of the top and bottom of the page to better match the brand image. Through the reasonable design of the header and footer, you can not only improve the overall visual effect of the site, but also make the navigation structure more clear, so that users can quickly find the content they need.

Next, we'll dive into customizing the header and footer of your WoodMart theme, including how to use these tools to create unique layouts, tweak design elements, and optimize the user navigation experience.

Header Settings

WoodMart The theme allows deep customization of the header, including adjusting the layout, colors, components, etc., to ensure optimal display on different devices.

Go to Header Builder

• go into WordPress the area behind a theatrical stage
• option WoodMart > Header Builder

• Select the appropriate header layout, or click Add New Creating a new header structure

• Or clickimport headerImport Header

Adjusting the header layout

In the header builder, the position of each module can be adjusted using drag and drop, for example:

• logo: Upload the brand logo, resize and align it
• main menu: Support multi-level drop-down menu, can modify the font, color, spacing
• search box: Support Ajax Search or general search field
• Shopping cart icon: for e-commerce sites, with optional hover to show cart content
• Social Media Icons: Add Facebook, Instagram, Twitter. and other social links

• strike (on the keyboard)Forntend editorGo to the front-end visualization editor

• Click Settings to configure the header settings

• Hover over the widget and click on the arrows to edit the details.

• Top bar, main header and left gear at the bottom of the header are configurableLine Height, Responsiveness, Background and Text Color

Mobile Optimization

exist Mobile Header Options in:

• Choose a layout exclusive to mobile, such as a hamburger menu
• Adjust button size and menu display to make navigation easier

Footer Settings

WoodMart The footer builder supports different layout styles and modules can be added or removed as needed to make the information at the bottom of the site clearer.

Go to HTML Blocks

• go into WordPress the area behind a theatrical stage option html blocks
• strike (on the keyboard) Add New Item Create a new footer and clickEditing with elementor You can modify and add elements

• Once the content is populated click save and copy the html shortcode

• Open the page where you want to edit the footer, add the html element, and paste the html shortcode you copied into it.

• Save to return to the front page

summarize

WoodMart The theme provides a wealth of header and footer customization options, master these methods, you can more easily create a unique page structure, make the site more professional and beautiful.

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