---
description: >-
  In this section, you can configure the sidebar visibility and position on the
  Blog and Article pages.
---

# Blog and Article Pages

{% hint style="info" %}
**Theme settings -> Blog and Article Pages**
{% endhint %}

## Blog Sidebar

### **Sidebar visibility**

&#x20;Here you can decide whether a sidebar should be shown on the blog page, by choosing the sidebar visibility: **“Desktop and mobile”**, **“Only desktop”** or **“Hide”**. If you choose the option **“Hide”**, no sidebar will be shown on the blog page.

### **Sidebar position**

&#x20;The position of the sidebar can also be chosen out of three options: **“Right”**, **“Left”** or **“Dropdown”**.&#x20;

{% hint style="warning" %}
**Please note**, that in a mobile version only a dropdown option is available.
{% endhint %}

&#x20;Here is an example of the sidebar on the left side of the blog page:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIAJ28S6PBvjIy9qOV%2F-MhIDKUuxJww8sDN9n9O%2Fblog%20page_sidebar.png?alt=media\&token=5a26d55d-c55f-4566-899b-ee7f47f34c60)

### &#x20;**Sticky sidebar**

&#x20;If you enable this option, a sidebar remains sticky and will be shown while scrolling down the blog page.

### **How to add content to the sidebar?**

&#x20;In order to show any content in the sidebar on the blog page, you need to add it first. To do so, go to _Blogs -> Content and Sidebar._ How to customize the sidebar on a Blog page, you can read [<mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/blogs/sidebar).

## Article Sidebar

### **Sidebar visibility**

&#x20;Here you can decide whether a sidebar should be shown on the article page, by choosing the sidebar visibility: **“Desktop and mobile”**, **“Only desktop”** or **“Hide”**. If you choose the option **“Hide”**, no sidebar will be shown on the blog page.

### **Sidebar position**

&#x20;The position of the sidebar can also be chosen out of three options: **“Right”**, **“Left”** or **“Dropdown”**.

{% hint style="warning" %}
**Please note**, that in a mobile version only a dropdown option is available.
{% endhint %}

&#x20; Here is an example of the sidebar on the right side of the article page:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MhIeFA7495HLs9YWvR3%2F-MhIfnF7GiyWYzz_fSEq%2Fblog%20post_sidebar.png?alt=media\&token=1a19975b-0f63-4b66-9218-608c83686802)

### **Sticky sidebar**

&#x20;If you enable this option, a sidebar remains sticky and will be shown while scrolling down the article page.

### **How to add content to the sidebar?**

&#x20; In order to show any content in the sidebar on the blog page, you need to add it first. To do so, go to _Blog posts -> Content and Sidebar._ How to customize the sidebar on a Blog page, you can read[ <mark style="color:blue;">**here**</mark>](https://mpithemes.gitbook.io/shella-shopify-theme/blogs/sidebar).
