Cyperpunk-girl-333

thank you @creedon

Thank you so much

It's okay I've decided not to use this code pen 🙂

Use this new code (Page Header)
<style> footer#footer-sections, header#header { display: none; } article section { height: 100vh !important; } </style>  

That looks fantastic 🙂 

My cited code works a treat.

You need to remove code for any previous attempts at this effect.
Install my cited code per instructions.
For the N number of blocks you want to move, each block should be on a row by itself. You currently have a spacer on the left and the accordion block on the right. Remove the spacer block.
Also I noticed you have about a half dozen different versions of jQuery installed. Generally you only need to install jQuery once. I suggest the version I indicate in my cited code install instructions.
Let us know how it goes.

<style>
  .ProductList-grid .ProductList-item {
    padding-bottom: 50px;
  }
  .ProductList-grid .ProductList-item .sqs-add-to-cart-button {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 20 auto;
    padding-right: 5px;
    padding-left: 5px;
  }
  .ProductList-grid .ProductList-item .ProductList-overlay {
   margin-bottom: 70px; 
  }
</style>
<script>
  $(".ProductList-grid .ProductList-item").each(function(e){
    $(this).append('<div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button" role="button" tabindex="0" data-product-type="1" data-original-label="Add To Cart"><div class="sqs-add-to-cart-button-inner">Add To Cart</div></div>');
  });
  $(function() {
    $(".ProductList-grid .ProductList-item").each(function(e){
      var dataItemId = $(this).attr('data-item-id');
      $(this).find('.sqs-add-to-cart-button').attr('data-item-id', dataItemId);
    });
  });
</script>
 

Site URL: https://www.medtechstrategist.com/
Hello,
Currently our homepage features a banner with video background that appears too large on mobile devices, but fine on desktop.
https://www.medtechstrategist.com/
How can I use custom CSS to resize the video and container on mobile devices so it only takes up about 50% of the page or less?
Thanks

Could I please have access 🙂

Site URL: https://codepen.io/redspiderfish/pen/MYmeYz?js-preprocessor=none
Hi how do I add this to my website I don't know where to insert the code found in this code pen. 
 
https://codepen.io/redspiderfish/pen/MYmeYz?js-preprocessor=none
please help! however i will be changing the image to