Jump to content

Remove Extra Padding in Brine Mobile

Recommended Posts

The padding between all the images on my homepage, in Mobile view, is adding a great deal of padding between each banner. In desktop view, it looks ok.

Could someone please provide me with a CSS code that will shrink this padding in half, for the spacing between all the image blocks?

Thanks so much!

Screen Shot 2019-11-09 at 11.43.27 AM.png

Link to comment
  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply
1 hour ago, nycmonkey said:

@tuanphan

Oh sorry - yes - it's http://vedranmisic.com

and the password is sunday

thank you!

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
div#page-5dab736dc20b461ef17b7720 .sqs-block.image-block {
    padding-top: 0;
    padding-bottom: 0;
}
}

 

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

@nycmonkey not related, this code show above header..

Squarespace.onInitialize(Y, bxb => { var $tabs = $(".markdown-block .sqs-block-content h3"); $tabs.addClass("ui-closed").css("cursor", "pointer").nextUntil("h3").hide(); $tabs.on("click", function() { $(this).toggleClass("ui-closed ui-open").nextUntil("h3").slideToggle(); });});

Did you insert to Header? You should wrap code in <script> paste code here</script>

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

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.