Jump to content

Avenue mobile header

Recommended Posts

Hi there,

I'm trying to find a way to reduce the amount of space between the bottom of the header and the initial content, in this case an image, when viewing my site on mobile.

Has anyone had any success reducing this with customisation on the Avenue template? Any info/code appreciated 🙂

Site is: allisterfreeman.co.uk



Link to comment
  • Replies 2
  • Created
  • Last Reply

@allister add to home > design > custom css

@media screen and (max-width:640px) {
header#header {
    margin-bottom: 0;
div#block-yui_3_17_2_1_1572983419367_21750 {
    margin-top: 0;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment


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.