artsaid Posted March 7 Share Posted March 7 Hello, I am hoping to find a way to remove the space above and below my embedded videos in mobile view. Crossing my fingers that there is some custom CSS that could achieve this site wide? site is: https://marlin-bison-bgpr.squarespace.com/ password: Website2023 Thanks so much in advance! Link to comment
tuanphan Posted March 8 Share Posted March 8 Which page are you referring to? I don't see these on homepage https://marlin-bison-bgpr.squarespace.com/?noredirect Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
artsaid Posted March 8 Author Share Posted March 8 If you go into each section of the site there are videos. For the example above : commercials>discord But basically every project has a video and has this issue when viewing on mobile. Link to comment
tuanphan Posted March 9 Share Posted March 9 You can add this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { body.collection-63f84118cbca392b5bb01490.view-item { article section:first-child .fluid-engine { grid-template-rows: repeat(8,minmax(24px, auto)) !important; margin-top: 15vh; } article section:first-child .fluid-engine iframe { height: auto !important; }}} Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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