Solved

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

RuStar
New Member
9 0 0

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.

 

Screenshot 2023-10-18 at 02.00.28.png

Accepted Solution (1)
suyash1
Shopify Partner
9372 1168 1505

This is an accepted solution.

@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
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

View solution in original post

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
7892 1533 1562

Hi @RuStar 

Please share your store URL

- Helpful? Like and Accept solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

suyash1
Shopify Partner
9372 1168 1505

@RuStar - can you please share this page link?

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
RuStar
New Member
9 0 0

ourein.com

Dan-From-Ryviu
Shopify Partner
7892 1533 1562

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; }

Screenshot 2023-10-19 at 08.37.23.png

- Helpful? Like and Accept solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

suyash1
Shopify Partner
9372 1168 1505

This is an accepted solution.

@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
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI