> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Helpful CSS adjustments

## Hide Price in lightbox (modal mode)
```
body .fpd-modal-product-designer fpd-actions-bar .fpd-total-price {
    display: none !important;
}
```
## Set navigation to top

Use this CSS if you want to set the navigation to the top when using the sidebar layout.

```
fpd-main-bar {
    flex-direction: column;
}

fpd-main-bar
.fpd-navigation {
    display: flex;
    background: var(--fpd-module-secondary-color);
}

.fpd-container.fpd-sidebar>fpd-main-bar .fpd-navigation>.fpd-nav-item {
    flex-direction: column;
    flex: 1 0 81px;
    margin: 5px;
}

.fpd-container.fpd-sidebar>fpd-main-bar>.fpd-module-content {
    height: 100%;
    min-height: 0;
}
```

Example

![](https://storage.crisp.chat/users/helpdesk/website/-/9/2/d/1/92d17e9a795c9800/ab496c15-e8ed-46dc-8525-3fbbb0_e08k4z.png)

## Hide QR-Code tab in images module

```
.fpd-module-tabs [data-context="qr-code"] {
    display: none !important;
}
```