Dawn Theme, Homepage, Video section, Height is too large

RuStar · ‎10-17-2023

Hi,

How can I make the video on my homepage, Video section appear smaller as currently it appears very large. On my mobile phone it appears perfect. I have added a screenshot of the video looking very large on my desktop. Dawn Theme is used.

Thank you in advance.

suyash1 · ‎10-18-2023

@RuStar - add this css to the very end of your base.css file and check

@media screen and (min-width: 750px){
.video-section{max-width: 50%; margin: 0 auto;}
}

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me

View solution in original post

Dan-From-Ryviu · ‎10-17-2023

Hi @RuStar

Please share your store URL

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

suyash1 · ‎10-17-2023

@RuStar - can you please share this page link?

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me

RuStar · ‎10-18-2023

ourein.com

Dan-From-Ryviu · ‎10-18-2023

Hi @RuStar

Please add this CSS code to Custom CSS of that section to make it appear same as mobile

.media>img { object-fit: contain !important; }

- Helpful? Like and Accept solution! Support me! Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

suyash1 · ‎10-18-2023

@RuStar - add this css to the very end of your base.css file and check

@media screen and (min-width: 750px){
.video-section{max-width: 50%; margin: 0 auto;}
}

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me

Dawn Theme, Homepage, Video section, Height is too large

Dawn Theme, Homepage, Video section, Height is too large

Community Blog Articles