How to solve Blog content size is overflowing as the screen size decreases

[holygrails_in]

Hello, shopify community members hope you are having a great week.

Can anyone please help me with this blog error for the content section and the sections below it like social sharing, pagination, lead form, etc and how to optimized the blog page for mobile if possible? I checked for the viewport meta-tag it is at place and working for the all other pages of the website except the blog posts.

I'm sharing the error video for reference below: 

https://drive.google.com/file/d/1wqpStcE6BjRxLJcbofDmVBx9ZSbqoNnv/view?usp=drive_link

Using this Stiletto theme on my shopify store if it helps.

[holygrails_in]

Sorry i forgot to mention the most important thing 😛

Store Url: https://holygrails.in/

[Rahul_dhiman · Accepted solution]

Hello @holygrails_in 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> custom.css ---> line number 137
search this code and DELETE and then save.

.article__block-inner {
width: 1000px !important;
max-width: var(--content-width);
margin: 0 auto;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[holygrails_in]

Thanks @Rahul_dhiman Commenting out that line of code helped!

[Rahul_dhiman]

Happy to help you.