Dawn Theme: Blog post extends outside of frame

Store Design
1

I just went live with the Dawn theme. I’m seeing that the text from our articles from our blogs extend past the frame.

This is our site: https://suorix.myshopify.com/

28383.jpg
28383.jpg1668×2224 282 KB

Any advice would be appreciated!

2

Hi @TheOneFaze ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-article-card.css->paste below code at the bottom of the file:
.blog__posts .article-card .card__information {
    overflow-wrap: anywhere !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Hello @AvadaCommerce ,

Thanks for the quick reply, unfortunately the problem is still there. I have attach the CSS code for the article card in a txt file below.

Thanks for the help.

4

Hi @TheOneFaze ,

I checked it and it is no longer error, I don’t know where it is, can you send me the exact link?

Screen Shot 2022-04-08 at 8.30.31 PM.png
Screen Shot 2022-04-08 at 8.30.31 PM.png2880×1800 571 KB

5

Hello @AvadaCommerce ,

You are on the correct page (Homepage), turns out this problem is only occurring when I am using my IPad. Must be something to do with the different aspect ratios.

6

Hi @TheOneFaze ,

You can replace previous code by below code:

.blog__posts .article-card .card__information {
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
}
.article-card__excerpt {
    max-width: 100%;
    word-break: break-word !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.