Manage Header

The SpaCLub WordPress Theme provides powerful header customization options that allow you to control the appearance, layout, and behavior of your website header. From top bar information to menus, social icons, and sidebars, everything can be managed easily from the theme options.

1. Access Header Settings

  1. Log in to your WordPress Admin Dashboard.
  2. Navigate to SpaClub > Header Area.
  3. You will see multiple header-related configuration sections.
Header Area Settings

2. Header Top Style

The Header Top Style allows you to display important business information in the top header area.

  • Select a preferred Top Header Style from the dropdown.
  • Enter your Company Location.
  • Add an Email Address and Phone Number.
  • Customize colors for icons, text, background, and hover states.
  • Adjust padding and spacing as required.
Header Top Style Settings

3. Header Social Icons

You can display social media icons in the header by adding your social profile links.

  • Enter URLs for platforms such as Facebook, Twitter, Instagram, LinkedIn, and more.
  • Icons will only appear if a valid URL is provided.
  • You can rearrange the icon order using the drag handle.
Header Social Icons

4. Header Menu Settings

The Header Menu section allows you to control menu appearance, button styles, and menu colors.

  • Select a Default Header Menu for your pages.
  • Customize the Menu Button Text and Button URL.
  • Change menu text colors, hover colors, and background colors.
  • Configure sticky menu background and hover effects.
Header Menu Settings

5. Header Side Bar

The Header Side Bar option allows you to add extra content such as contact information and social links in a side panel.

  • Set Sidebar Title and Description.
  • Add contact details such as Location, Phone Number, and Email.
  • Define opening hours text.
  • Add social media links for the sidebar.
  • Customize text, icon, and background colors.
Header Sidebar Settings

After completing your header configuration, click on the Save Changes button to apply the settings.

Tip: Header changes are applied globally across the website unless overridden on specific pages.