Jump to content

Mobile Cover Page: How to swap position of action button and newsletter button

Recommended Posts

I'm building a mobile landing page using Cover page template on Brine Template. Currently the Action button feature is positioned above Newsletter/Form button. Does anyone know how to swap their positions using code injection? See attached example, i just want to swap the position of these buttons, so that "enter your email" button appears first. 

 

Here is the link to live cover page. Note, this page will be viewed on mobile only. http://www.makestories.com/cover1

 

 

Thank you

Screen Shot 2020-01-11 at 1.07.59 PM.png

Link to comment
  • Replies 2
  • Views 873
  • Created
  • Last Reply
@media screen and (max-width:640px) {
.sqs-slide-wrapper[data-slide-type="cover-page"] .alignment-center .sqs-slice-group.bottom-full-width {
    display: flex !important;
    flex-direction: column-reverse;
}
.sqs-slide-wrapper[data-slide-type="cover-page"] .responsive-wrapper.stacked .sqs-slice:not(:last-child):not([data-content-empty="true"]) {
    margin-top: 15px;
}
}

 

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

For customizability, you might consider using a regular page and then removing the header and footer on that one page.

christyprice.com  🇺🇸 Austin, TX US 

 Get my 100+ item Client Process Checklist for $17.
📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts
🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz)
🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023

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.