Video With Text - not shown on mobile - Dawn Theme

Store Design
,

Topic summary

A user implemented a video-with-text section on their Shopify Dawn theme using a community solution, but encountered an issue where the section doesn’t display properly on mobile devices.

Problem:

  • Video with text section works on desktop but fails to render on mobile version
  • Implementation was based on an existing Shopify community thread solution

Solution Provided:
The original poster shared a CSS fix:

  1. Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  2. Open Asset → base.css
  3. Add a media query at the bottom of the file targeting .video-with-text__media with padding-top: 100% and width: 100% for screens with max-width of 767px

Other community members requested the store URL to provide additional troubleshooting assistance, but the thread appears to conclude with the CSS solution being marked as resolved.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hello,

I have added a video with text section using this solution: https://community.shopify.com/c/shopify-discussions/how-to-add-video-with-text-sense-theme/td-p/1892842

However it does not work on mobile version.

Does anyone have a solution?

2

Could you share your store URL?

3

Hi @natanata ,

Can you share your store url

4

Solution:

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset->base.css and paste this at the bottom of the file:
@media (max-width:767px) {
    .video-with-text__media {
        padding-top: 100%;
        width: 100%;
    }
}
1 Like