Hongo has various footer layouts that you can choose from. All these footer layout has its own unique design and customization options. Moreover, you can position footer on the top, right or left. There are numerous options with this you can manage the footer and add content in it. So, for detailed information, read this article and learn to setup main footer.
First of all, all footers customization manage by section footer that you can easily create by section builder. There are two ways to create and edit main footer.
If you have imported Hongo demo data, you will find different footers by navigating Section builder > All sections. Once you click on all sections, you need to filter all sections to footer and then you can easily customize footers as per your requirements.
Secondly, if you want to create a new footer, you first need to navigate Admin panel > Section builder > Add new and then add required content such as logo, navigation links, social icons, widgets, and sidebar, etc. See below image for more understanding.
Once you have clicked add new from section builder, go to Hongo section builder settings and select “Footer” for footer section and also select sticky type of “Footer” section like below image.
Footer settings
| Widget title color and size | Widget title color and size tab for manage footer Widget title color and typography settings. |
| Content color and size | Content color and size tab for manage footer content color and typography settings. |
| Newsletter font and color | Newsletter font and color tab for manage footer newsletter color settings. |
How To Manage Prebuild Footers
Hongo has 10+ prebuild footer styles so that you can easily manage footer section from the section builder post type. For that go to Admin panel > Section builder > And find footer section that you want to modify.
Change Elements Position in Prebuild Footers
Example: You want to modify Footer Style 1 Dark style so click edit link and you can see we have already setup this footer but you want to change position of bottom image and copyright text. So you can easily drag and drop as per your needs.
Add new elements in Prebuild Footers
Example: If you want to add button element in Footer Style 1 Dark style after about content then simply click on column “+” and add button element for more information see in attachment.
See below image for front side changes.
How To Assign Footer
You can assigning footer from two places.
Note: All footer section show in dropdown which you have created or imported in section builder post type.
Globally Assign Footer
Navigate to admin panel > Appearance > Customize > Header and Footer > Footer. You will find some panels under this as follows.
General: General footer settings for assign footer for all over the your website. You can see Footer section selection option select you want footer section.
Page: When you have setup footer global level from general section but you want to assign different footer style for all pages then use this option and click on “Off” general footer. To know more see below image and select footer section and assigned for all pages.
Same settings will work for post single, post archive, Default posts/Blog home, Product single, Product archive/shop.
Individual assign footer from post, page, product
You can also change footer for single post, page and product as per your needs for that follow below steps.
Single Post: Go to admin panel > Edit post which you want to change footer > Hongo Post Settings > Header and Footer > Footer section > Select footer section. See below screen shot for more information.
Page: Go to admin panel > Edit page which you want to change footer > Hongo Page Settings > Header and Footer > Footer section > Select footer section. See below screen shot for more information.
Single product: Go to admin panel > Edit product which you want to change footer > Hongo Product Settings > Header and Footer > Footer section > Select footer section. See below screen shot for more information.
