Flex includes an Icon Bar feature that displays above the Footer site-wide. Add icons, text, and links together for an alternative navigation menu at the bottom of each page.
The Icon Bar is a distinctive way to allow your customers easy access to important pages or to highlight some key info/details about your brand and products.
Check out the full list of available icons: Flex Icon List.
Section Settings
Click the Icon bar section to open general settings.
Enable the feature by checking off the Show icon bar setting.
Select an option for Alignment (Left, Center, or Right), then for Icon position (Left, Center, or Right) and Size (Small, Regular, or Large).
Colors
Customize the Colors with the Background, Link, Link hover, and Text color settings.
Width
The width can either be set to Standard or Wide. Selecting Wide will spread out the full width of the screen. Selecting Standard will keep the section in a container and not spread the full width.
Spacing
You can choose to add space (padding) above and below the section by adjusting the Top spacing and Bottom spacing settings.
Animation
The Animation setting will determine how the section 'loads in'. The options for animation are None, Fade in, Fade in down, Fade in left, Fade in right, Slide in left, Slide in right, and Zoom.
Custom CSS
Add Custom CSS to the Icon bar section for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
In the CSS Class field, you can create a new class to apply to the section, or you can add a class that already exists to apply those styles as well.
The Custom CSS field is where you can add in the actual CSS code.
Content Block Settings
Click the toggle beside Icon bar to reveal its blocks.
Click one of the preloaded blocks to customize its content (e.g. 100% Organic). Add more blocks by selecting (+) Add Icon and text.
Connect the icon
Use the Icon field to enter the icon name for the block. The name must match one of the icons in the full Icon List.
Add text
Add Text using the provided field.
Connect a link
Direct customers to another page by connecting a Link with the provided field.