> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/shella-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/shella-shopify-theme/theme-settings/blog-and-article-pages.md).

# Blog and Article Pages

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

## Blog Sidebar

### **Sidebar visibility**

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

 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 %}

 Here is an example of the sidebar on the left side of the blog page:

![](/files/-MhIDKUuxJww8sDN9n9O)

###  **Sticky sidebar**

 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:

![](/files/-MhIfnF7GiyWYzz_fSEq)

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