> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/shopio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/shopio/content-management/footer-bar.md).

# Footer bar

**Step 1:** Go to WordPress Dashboard > Appearance > Header & Footer Builder > Add new > Edit with Elementor

![](/files/oJ1mLVAOkcN4BfXLvm15)

**Step 2:** Edit Icon Box

![](/files/Hfvgtz2kraqeR3IntgCC)

**Step 3:** Edit Search Form

![](/files/ubJkEkHzUZX66ZXiBU2Q)

**Step 4:** Custom Css

![](/files/MHlzQZnSLExJy6YeBY2r)

**Step 5:** Hide Section on Desktop, Laptop and Tablet Extra

![](/files/jsBpgRvfwi2ZiH6TScYi)

**Step 6 -** Choose tab **Header Footer & Block** and you can add template that has created to page.

![](/files/E8WKdkxqjh0flCekSCeM)

**Step 7 -** Edit the display of your Header Footer & Blocks Template that can add the created template to the page.

![](/files/gWW4MNFi8mQusaquip8d)

**Step 8** Click SAVE & CLOSE