# Top Bar

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FJZ52Tt5TtSiNvPJEvAOW%2Fimage.png?alt=media&#x26;token=c2571b7a-dc62-4a0e-bf01-d9d81f9a7b1c" alt=""><figcaption></figcaption></figure>

## 1. General settings

| Setting                 | Description                                                                                                              |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------ |
| **Section width**       | You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout. |
| **Color scheme**        | You are allowed to change text color, background color, etc. with preset color.                                          |
| **Show on mobile**      | Show on mobile screens                                                                                                   |
| **Show separator line** | Show/hide separator line                                                                                                 |

**Content settings**

|                 |                                                                                      |
| --------------- | ------------------------------------------------------------------------------------ |
| **Uppercase**   | Converts all text in the selected section to uppercase for a bold, consistent style. |
| **Font-size**   | Adjust the font size to control the text's visual prominence and readability         |
| **Font-weight** | Set the font weight to define the text's thickness and emphasis.                     |

**Section padding:** Adjust the padding at the top and bottom of the section to control spacing and layout.

## 2. Block settings

**Social link**

Text: Add text for your social media links to guide or engage users.

Hidden on mobile: Hide social media links on mobile devices for a cleaner, more focused layout.

**Text slider:**&#x20;

| Setting          | Description                                                                             |
| ---------------- | --------------------------------------------------------------------------------------- |
| Text             | Enable a text slider to display rotating text content dynamically.                      |
| Change every     | Set the interval for changing slides or rotating content.                               |
| Hidden on mobile | Hide this element on mobile devices to simplify the layout and improve user experience. |
| Text center      | Center-align the text for a balanced and visually appealing layout.                     |

**Topbar links**

| Setting          | Description                                                                                         |
| ---------------- | --------------------------------------------------------------------------------------------------- |
| Select menu      | Choose a menu to display as links in the topbar for quick navigation.                               |
| Show currency    | Enable to display the currency selector, allowing users to view prices in their preferred currency. |
| Show language    | Enable to display the language selector, allowing users to switch to their preferred language.      |
| Show our store   | Enable to display the 'Our Store' section, highlighting store details or location.                  |
| Hidden on mobile | Hide this element on mobile devices to optimize the layout for smaller screens.                     |