Gemma_mineralcreative Posted February 14, 2022 Share Posted February 14, 2022 Site URL: https://decagon-crow-6b7b.squarespace.com/ I've put a showreel video as a section background on the first section of the homepage. It works really well in pc / tablet view, but in mobile view I need it to be shorter so it can get more of the width of the video in. Let me know if you need more info than that Please help? SquareRefresh 1 Link to comment
SquareRefresh Posted February 14, 2022 Share Posted February 14, 2022 (edited) 24 minutes ago, Gemma_mineralcreative said: I've put a showreel video as a section background on the first section of the homepage. It works really well in pc / tablet view, but in mobile view I need it to be shorter so it can get more of the width of the video in. Let me know if you need more info than that Please help? Hey @Gemma_mineralcreative try to add next code in Custom CSS: @media only screen and (max-width: 500px) { [data-section-id="61d6caa9e2aa2b47466f825a"] { min-height: 70vh !important; } } Edited February 14, 2022 by SquareRefresh SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
Gemma_mineralcreative Posted February 14, 2022 Author Share Posted February 14, 2022 2 minutes ago, SquareRefresh said: Hey @Gemma_mineralcreative try to add next code in Custom CSS: [data-section-id="61d6caa9e2aa2b47466f825a"] { min-height: 70vh !important; } Hi @SquareRefresh that reduces the height for all devices. I just want to reduce the section height for mobile view please. Link to comment
SquareRefresh Posted February 14, 2022 Share Posted February 14, 2022 19 minutes ago, Gemma_mineralcreative said: Hi @SquareRefresh that reduces the height for all devices. I just want to reduce the section height for mobile view please. Just update the code SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
Gemma_mineralcreative Posted February 14, 2022 Author Share Posted February 14, 2022 1 minute ago, SquareRefresh said: Just update the code I've saved the code you sent so you can see that it has changed the height for all devices Link to comment
SquareRefresh Posted February 14, 2022 Share Posted February 14, 2022 5 minutes ago, Gemma_mineralcreative said: I've saved the code you sent so you can see that it has changed the height for all devices I edited my previous code You need just paste a new version. SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
Gemma_mineralcreative Posted February 14, 2022 Author Share Posted February 14, 2022 15 minutes ago, SquareRefresh said: I edited my previous code You need just paste a new version. I don't understand? Your code from the previous comment hasn't changed? Please repost code to make sure I have the right version Link to comment
SquareRefresh Posted February 14, 2022 Share Posted February 14, 2022 @media only screen and (max-width: 500px) { [data-section-id="61d6caa9e2aa2b47466f825a"] { min-height: 70vh !important; } } SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
Gemma_mineralcreative Posted February 15, 2022 Author Share Posted February 15, 2022 21 hours ago, SquareRefresh said: @media only screen and (max-width: 500px) { [data-section-id="61d6caa9e2aa2b47466f825a"] { min-height: 70vh !important; } } This has worked thank you for your help! SquareRefresh 1 Link to comment
SquareRefresh Posted February 15, 2022 Share Posted February 15, 2022 2 minutes ago, Gemma_mineralcreative said: This has worked thank you for your help! Always happy to help! Gemma_mineralcreative 1 SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment