# Top Bar

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-d9b02b9a4440d7b6711b1db319c469a7427786f1%2FScreenshot%202024-06-10%20162454%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

## General settings

**Layout:** You can choose among Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout.

**Color schema:** 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.

<figure><img src="https://2952946279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJbMIFqRrJiqVKdsbTyW4%2Fuploads%2Fgit-blob-1794381bca31ecf85ea0c360299ec98f70343260%2Fimage%20(16).png?alt=media" alt=""><figcaption></figcaption></figure>

### 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.

## 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

**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**

**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.