# Top Bar

<figure><img src="/files/yAC7Qazoz1zwQjXNc1qm" 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="/files/7GuNPReYts7J0l8t80wa" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://nextsky.gitbook.io/glozin-theme/header-group/top-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.