How to make video on Dawn theme homepage smaller

Store Design

Topic summary

Issue: Users want to reduce the size of videos on their Dawn theme homepage.

Solution provided:

  1. Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  2. Open Assets → base.css
  3. Add custom CSS at the bottom targeting .video-section__media with max-width and padding-bottom set to 600px (adjustable)
  4. Use @media (min-width: 750px) to apply changes for desktop view

Follow-up questions:

  • One user asks how to resize videos uploaded directly through custom liquid (files section) rather than embedded videos
  • Another reports the video shrinks significantly when played, becoming too small
  • A third asks how to apply the same size reduction to the mobile version, as the provided code only affects desktop

Status: The basic solution works for standard embedded videos on desktop, but questions remain about custom implementations and mobile responsiveness.

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

I want to decrease the size of the video on the homepage.

How can I do this?

juliandadang_0-1656822262203.png
juliandadang_0-1656822262203.png1365×583 34.7 KB

Website: phattai.au

Password: EPIQMedia

2

@julian-dadang , do this to fix it in 20 seconds:

  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 (min-width: 750px){
    .video-section__media{
            max-width: 600px !important;
        padding-bottom: 600px !important;
    
            margin: 0 auto;
        height: auto;
    }
}

You can change the 600px to any values you wish.

diego_ezfy_0-1656822581994.png
diego_ezfy_0-1656822581994.png1645×871 58.6 KB

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

13 Likes
3

Perfect that worked thank you.

4

Hello! If my video is from files, uploaded on page through custom liquid? how can i make it smaller? thank you!!

5

Hi Diego, it worked just fine for me! Thanks. Although I’ve got another question:
As you can see in the attachment when the video is pressed ‘play’ it minimizes to like 1/4 of the original size. and in this case it is not great as the size is already pretty smaller. What can I do?
Thanks!

Captura de Ecrã (2).png
Captura de Ecrã (2).png1920×1080 140 KB

6

Hi, it changed the video size on the desktop version

How can I change the video size on the mobile mobile version?

7

Thank you very much!

8

THANK YOU!!! This fixed it for me!