Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Remove Extra Padding in Brine Mobile


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

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 0
1 hour ago, nycmonkey said:


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;


Share this post

Link to post
  • 0

@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>

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...