Staz2019

After ridiculous amount of research and trial and error, I finally got it! Probably not perfect code but it gone done what I wanted - reducing the various spacing between each element. I am going to play with it a little more and readd some of the spacing to make it visually perfect but below including the code I frankensteined together. Here is image of the end-result. @media screen and (max-width: 700px) { .sqs-block-horizontalrule {max-width: 100%} .sqs-block-content hr { margin-top: -33px !important; margin-bottom: -33px !important; } .Main-content { margin-top: -20px !important; margin-bottom: -82px !important; } .sqs-block-html {margin-top: -40px; padding-bottom: 7px; } } .Mobile-bar--top { padding-top: 0px !important; margin-bottom: -20px !important; }

Hi there,So I want to reduce the padding only for mobile, reduce padding above and below header/logo, the top and bottom padding of the main content section (horizontal line and everything below it). I might also need to reduce the top/bottom padding around the horizontal line as well. Can anyone help me with the custom CSS? Your help would be greatly appreciated! Working out of West template. Website www.astallcop.com