What's your biggest current challenge? Have your say in Community Polls along the right column.

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

Solved

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

holygrails_in
Excursionist
27 0 5

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.

 

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
667 131 136

This is an 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
16.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 4 (4)
holygrails_in
Excursionist
27 0 5

Sorry i forgot to mention the most important thing 😛

Store Url: https://holygrails.in/

Rahul_dhiman
Shopify Partner
667 131 136

This is an 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
16.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167
holygrails_in
Excursionist
27 0 5

Thanks @Rahul_dhiman Commenting out that line of code helped!

Rahul_dhiman
Shopify Partner
667 131 136

Happy to help you.

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167