Why are my blog articles not responsive on mobile using Beyond Theme?

Store Design
,
1

I am using the Beyond Theme from Troop Themes, which has been great so far.

The only issue I just discovered is that my blog articles are not showing as responsive when viewed on my phone. The text is getting cut off on the sides and there is no option to scroll or resize them.

Here is a screenshot to show you what I’m referring to.

jcunningham_0-1691171715773.png
jcunningham_0-1691171715773.png374×688 102 KB

I tried checking the theme code, but I am not a developer so I’m limited in how I can identify the problem.

Here is my website URL: https://wildinglife.com/blogs/the-wilding-blog

The regular blog home page seems to work fine, it’s just the articles themselves.

Any help is appreciated!

1 Like
2

Hi @jcunningham

You can use the following instructions to fix the issue.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “theme–critical.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.article--content {
    width: 100%;
}

Result:

Ribe_Dagandara_0-1691173978705.png
Ribe_Dagandara_0-1691173978705.png505×910 155 KB

3

That did it, thank you! A few of the images are still showing as cutoff on mobile. Is there a similar fix for that?