Blog post full width!

New Member
8 0 0

Hi! Can anyone help me? I deleted the sidebar in the code, but I want to make the blogpost full width. My webshop: www.thecollectionone.com 

0 Likes
Excursionist
16 1 0

Did you ever figure out how to make the blog post full width ???

0 Likes
Shopify Expert
96 17 12

@The_Collection1- First you will need to hide your sidebar (can be accomplished using CSS) and second we will need to update the HTML for the blog article content so it fills the extra space.

 

1) Add this to the bottom of your theme.scss file:

#shopify-section-sidebar-blog-detail {
display:none;
}

2) Open your article template and locate the following code:

class="articleItem"

3) Directly above that line of code should be a line that looks something like this:

<div class="col-xs-12 col-sm-12 col-md-9 ">

4) Change the

col-md-9

to

col-md-12

5) Click save and you should be good to go!

0 Likes
Shopify Expert
96 17 12

To follow-up for @photoballard , this is very much theme dependent so the code approach varies.  For the sake of keeping the Q&A clean, feel free to start a new post listing your theme and question and I'll reply with some ideas :)

0 Likes