Marya

Hi @LKLKLK

Your website is password protected so I wasn't able to see it. However, if you're on 7.1, you should be able to increase the sizing of your logo on both desktop and mobile by accessing "EDIT SITE HEADER." 

Here's a quick soundless video on how to find those options.

Try adding to Design > Custom CSS
@media screen and (max-width:767px) { [data-section-id="62e11d1e6bb68f266afd9d59"] { .user-items-list { min-height: unset !important; } .mobile-arrows { position: relative; top: -100px; } }}  

You can use this code
/* Round video */ .video-player .plyr .plyr__controls:before {display:none!important;} .plyr__video-wrapper video, .plyr__video-wrapper, .sqs-video-overlay, iframe[src*="vimeo"] {border-radius:30px !important;}  

I just solved 2 cases yesterday, 1 for blog page, 1 for summary block, each requires a different code.
If you share link to page where you want to apply this, we can help easier
--
This code for blog basic grid in 7.1, add to Code Injection > Footer. If it doesn't work, please share link to page where you have problem, we can check easier
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(".blog-basic-grid .blog-basic-grid--container").click(function(){ window.location=$(this).find(".blog-title a").attr("href"); return false; }); </script>  

Hi Community! Tuan helped me figure this out one-on-one, but I wanted to share his code just in case it may help anyone else out. 
I've added notes so you can configure it for your own site 🌞
@media screen and (min-width: 768px) { div#block-code123 figcaption { max-height: 404px; //increase or decrease this accordingly overflow-y: scroll; pointer-events: initial !important; display: block !important; } }//laptop view @media screen and (min-width:768px) and (max-width:1024px) { div#block-code123 figcaption { max-height: 304px !important; //increase or decrease this accordingly } }//tablet view  

Hi Community! Tuan helped me figure this out one-on-one, but I wanted to share his code just in case it may help anyone else out. 
I've added notes so you can configure it for your own site 🌞
@media screen and (min-width: 768px) { div#block-code123 figcaption { max-height: 404px; //increase or decrease this accordingly overflow-y: scroll; pointer-events: initial !important; display: block !important; } }//laptop view @media screen and (min-width:768px) and (max-width:1024px) { div#block-code123 figcaption { max-height: 304px !important; //increase or decrease this accordingly } }//tablet view  

@tuanphan 
Page: plum-buttercup-wrdb.squarespace.com/blog/review-template
Password: review
I'm trying to achieve the same functionality where additional text that goes beyond the image height for an inline image card is hidden by a scrollbar. 
Thanks!

With Blog Masonry, use this code
/* Blog Masonry - Hover */ .blog-masonry .blog-item-summary { position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); opacity: 0; transition: all 0.3s; }.blog-masonry .masonry-ready .entry:hover .blog-item-summary { opacity: 1; transition: all 0.3s; } .blog-masonry .image-wrapper:after { content: ""; background-color: rgba(255,255,255,0.75); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; } .blog-masonry .masonry-ready .entry.is-loaded:hover .image-wrapper:after { opacity: 1; transition: all 0.3s; } .blog-masonry .image-wrapper { position: relative; }