Dawn Theme: Embedded frame Too Wide On Mobile On Blog Posts

Store Design
1

I just went live with the Dawn theme. I’m seeing that our embedded frames from our blogs are too wide on mobile.

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

Screenshot_20220406-130350_Samsung Internet.jpg
Screenshot_20220406-130350_Samsung Internet.jpg1080×2400 178 KB

Any advice would be appreciated!

1 Like
2

@TheOneFaze

Add the following CSS code to your assets/component-article-card.css bottom of the file.

@media only screen and (max-width: 749px){
.article-card__excerpt {word-break: break-word !important;}
}

Thanks!

1 Like
3

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:
@media (max-width: 551px){
  .article-card__excerpt {
    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.

Best regards.