• Dashboard
    • Submit Ticket
    • Licenses
    • Login
  • Our Products
    • BuddyBuilder
    • Kleo
    • Typer
    • Seeko
    • SweetDate
    • BuddyApp
  • Services
    • VIP Support
    • WordPress Theme Installation Service
  1. Home
  2. Typer
  3. How to Customize Header and Footer sections in Typer

How to Customize Header and Footer sections in Typer

In this tutorial we shall look at how to customize both header and footer sections. These customisations can also be applied in case the user has not imported any demo content. Every WordPress site has these two sections and they are very important for various reasons such as navigation and display of custom features such as contact info. To get started we shall begin with the header section and show you how to add menu sections.

Adding menus to header section

Menus are considered an important feature due to navigation purposes.  This is where you should place your site’s main pages.

  • To do so go to your WordPress Dashboard >> Appearance >> Menus.
  • It will prompt you to give a name for the menu.
  • Next you need to select various pages, custom links, or categories of your site as you click on “Add to Menu”
  • Once done click on ” Create Menu”.
  • Once it has reloaded, click on the ” Menu Location”.
  • Then assign the new menu you created to a theme location in this case its “Primary”.
  • Alternatively,  users can scroll down Menu Settings and select “Display Location ” from there.
  • Once done click on Save Changes.

Header Customisations

In this section we shall look at how you can change the look of your header. We shall also find out how to add a section of search bar. Typer theme comes with various ways to do this as shown below.

  • First you need to access your WordPress Dashboard >> Appearance >> Customize 
  • This redirects you to the default WordPress Customizer.
  • Click on Header settings and choose settings accordingly. 
  • You can toggle on dark mode to display the header in dark mode  instead of light mode
  • Users can also enable the sticky header behaviour on scrolling.
  • Next you can toggle on ” Search ” to display the search bar.
  • Finally you can also choose a Menu alignment from (left,right or center).
  • Once done click on Publish and preview your changes.

Footer Elements

In this section we look at how one can change or include footer elements in the Typer theme. In most WordPress themes, footers are made up of Widgets that feature recent posts, social profiles subscription among others. Users can set their widgets according to what they want to display.

  • To do this, head over to the WordPress Dashboard >> Appearance >> Widgets. 
  • On the right side you notice that it has a Primary, Secondary and 4 Footer Sidebars. Users can add sidebars as they wish.
  • The four footers are arranged in that order horizontally in terms of columns in the Typer theme.
  • To add a widget, simply drag and drop it to the specific Footer Sidebar.
  • You can then alter the settings of the Widget depending on the one you chose. 
  • Once done repeat that in all the other footer sidebars.

 

Blazing Fast Site Hosting & Maintenance

  • Welcome to Typer
  • Theme Requirements
  • What's included
  • WordPress Installation
  • How to install Typer theme
  • Import demo content
  • Theme Automatic Updates
  • Bundled plugins
  • Elementor overview
  • STAX Header Builder overview
  • Jet Popup overview
  • SQ Social Share overview
  • SQ Comments Media overview
  • Typer Pro overview
  • Front User Profile overview
  • Allow users to publish articles using WP User Frontend Plugin
  • Customizer overview
  • Introduction to the child theme
  • How to Add a Post Slider in Your Site's Front Page Using Elementor
  • Site Speed optimizations in Typer
  • Overriding a file with the child theme
  • Performance
  • How to Change Post Listing Styles in Typer theme
  • How to Customize Header and Footer sections in Typer
  • How to Add Featured Posts on Any Page Using Elementor
  • How to Add Posts Section in Typer With Elementor
  • How to create JetPopup forms with Elementor in Typer
  • Saving Customizer Settings(Import/Export)
  • How to Customize Header and Footer sections in Typer
  • Setting a layout to specific page
  • Sidebar locations
  • Setting a layout template globally
  • Sticky sidebars
  • How to Set Layout of Different Pages in Typer
  • Find Theme Purchase Code
  • Registering the theme
  • Translate theme with Loco Translate
  • Multilingual setup using WPML plugin
  • How To Translate Typer Plugins With Loco Transalate
  • Typer Shortcodes
  • Changelog
  • Troubleshooting an issue
  • Error 404 - Page not found
  • Override front user profile templates in the child theme
BuddyBuilder is out. Total freedom to build online communities
SeventhQueen  - 2021 - Privacy Policy

Welcome to SeventhQueen Portal


Lost your password?

Don't have an account? Register now!

Forgot your details?



Wait, I remember now. Log In

Register your account

Sign up with Email
I have an account. Log In

Insert/edit link

Enter the destination URL

Or link to existing content

    No search term specified. Showing recent items. Search or use up and down arrow keys to select an item.