Center Blog Content Minimal Theme for Desktop and Mobile

New Member
2 0 0

Hello. I am trying to improve the user experience and look of my popular blog post. I would like for the content to be in the middle of the page rather than towards the left. Can you help me center it? Similarly, how do I adjust this for desktop and mobile.

 

Here is the code I added to my theme.scss.liquid:

 

.grid-link__meta {
text-align: center;
}

p.grid-link__title {
text-align: center;
}

.section-header {
text-align: center;
}

/*======== Center blog content - February 4, 2018 =============*/
#shopify-section-article-template {
display: flex;
justify-content: center;
}

 

My webpage is https://parker-marker.com/blogs/news/best-car-phone-mount

 

Thanks

0 Likes
New Member
2 0 0

Also, maybe I should move the recent articles side banner somewhere else to center the content. Yet, I also don't know how to do this.

 

0 Likes