Solved

How to add two side-by-side videos to the video section of the homepage of Brooklyn?

joyouceusa
Excursionist
21 0 9

How to add two side-by-side videos to the video section of the homepage of Brooklyn?

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@joyouceusa 

sorry for late here please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media screen and (min-width: 769px) {
div#shopify-section-162727627451fcd95e, div#shopify-section-1625046015fc50104c {
width: 50%;
    float: left;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 17 (17)

KetanKumar
Shopify Partner
36839 3635 11972

@joyouceusa 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joyouceusa
Excursionist
21 0 9

Thank you.This is my site URL"https://joyouce-usa.myshopify.com/".

KetanKumar
Shopify Partner
36839 3635 11972

@joyouceusa 

thanks for store url bt sorry i can't see 2 video at home page can you please show me 2 videos?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joyouceusa
Excursionist
21 0 9

Because this theme can only add one video.However,I want to add two videos on there and then it can display these two video side-by-side. Now,I can't add two videos,can you help me?

KetanKumar
Shopify Partner
36839 3635 11972

@joyouceusa 

can you please add one more video section so i will give  you code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joyouceusa
Excursionist
21 0 9

Well,that's very nice.Thank you!

KetanKumar
Shopify Partner
36839 3635 11972

@joyouceusa 

great thanks see output if you have add one more video section 

KetanKumar_0-1627271310134.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joyouceusa
Excursionist
21 0 9

Well,so nice!This is exactly what I want!

KetanKumar
Shopify Partner
36839 3635 11972

@joyouceusa 

sounds good please add second video 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joyouceusa
Excursionist
21 0 9

Ok,I have now added the second video.

joyouceusa
Excursionist
21 0 9

Hi,I already added the second video,and then what should I do?

KetanKumar
Shopify Partner
36839 3635 11972

@joyouceusa 

sorry but i can't see second video 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
joyouceusa
Excursionist
21 0 9

Oh,sorry,I have hidden it.Now you can see the second video.

joyouceusa
Excursionist
21 0 9

@KetanKumar Next what should I do?

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@joyouceusa 

sorry for late here please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media screen and (min-width: 769px) {
div#shopify-section-162727627451fcd95e, div#shopify-section-1625046015fc50104c {
width: 50%;
    float: left;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
FurViking_SA
Visitor
1 0 0

Hello

Does this same code apply to the dawn theme? I am trying to put two videos next to each other instead of beneath each other but it's not working. Also, I don't have >theme.css but I do have video-section.css

saraelizpor
New Member
15 0 0

Did you ever find out if this code worked or have you found a solution?