Let me give you a quick tour of the platform.

How to use Social Bar

A social bar, often referred to as a social media bar or social sharing bar, is a user interface element on a website that displays links or icons to various social media platforms. This element allows users to easily share, follow, or connect with the website's content on social media platforms.

Social Bar

Simply drag and drop the Element anywhere inside your Layout/section.

How to use Social Bar Element?

You can change and add another icon by clicking the social element.

If you wish to alter it, select another social media icon using this option.

Copy it if you wish to have more than 4 icons.

Click  on the social bar box to edit its main menu settings.

Social Bar popup main settings

-This setting feature allows you to design and structure the layout of your web content using flexbox properties.-These properties include things like flex-direction, justify-content, align-items, and more.-Flexbox can be a powerful tool for creating responsive and adaptable designs, particularly when dealing with varying screen sizes and orientations.

Flex

<ol><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between an element's content and its border.</li></ol>

Sizes

-Animation can be used to create dynamic and visually engaging movements or changes in elements on a webpage. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing

Animation

-It has the ability to move elements by clicking and dragging them with a mouse cursor. -The term "freeform" suggests that users have more flexibility and control over the movement of these elements, possibly without any predefined alignment or snapping.

Toggle FreeForm Drag Positioning

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

This Setting allows you to position your Text.Left, Center , Right and Justify option.

Center

"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.

Select Parent Element

-enables you to position the Elements wherever you like within your section/layout.