Jump to content

Stack footer elements before browser width reaches mobile breakpoint

Go to solution Solved by tuanphan,

Recommended Posts

  • John_SQSP changed the title to Stack footer elements before browser width reaches mobile breakpoint
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

Add to Design > Custom CSS

@media screen and (min-width: 768px) and (max-width: 991px) {
.fe-638026d6dc6d8eb274a6cab5 {
    display: flex !important;
    flex-direction: column
}

.fe-block-638026d654ff629ee8a46bd2 {
    flex-basis: 200px;
    order: 1;
    margin-top: 20px
}

.fe-block-8c59c253926e6c213fc8 {
    order: 2;
    margin-bottom: 30px;
    margin-top: 10px;
}

.fe-block-638026d6cb2c6fc1faf08a9a {
    order: 3
}

.fe-block-638026d607450754663b9121 {
    order: 4;
    margin-top: 40px;
}

.fe-block-638026d6aa078580b57fc9ba {
    order: 5;
}

.fe-block-638026d6eb5ef0efd80af097 {
    order: 6;
    margin-top: 20px
}

section[data-section-id="638026d610b09ecec7977f58"] .newsletter-block .newsletter-form-field-wrapper {
    margin: 0 auto; 
}}

 

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
  • 2 weeks later...

Create an account or sign in to comment

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

×
×
  • 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.