Hi - can someone assist with how to move the footer email sign up to the right so everything is on the same level horizontally instead of stacked weirdly, making the footer taller than necessary?
Topic summary
A Shopify store owner using the Crave theme needed help repositioning the footer email signup section. The footer elements were stacking vertically instead of aligning horizontally on desktop, making the footer unnecessarily tall.
Solution provided:
- Custom CSS code to display footer elements in a flexbox layout
- Code targets
.footer-block--newsletterand.footer__content-topclasses - Implementation: Add CSS to
base.cssfile via Online Store → Theme → Edit → Assets
Outcome:
The CSS solution successfully resolved the layout issue, aligning the email signup horizontally with other footer elements. The thread is marked as resolved.
The view in initial post is desktop - here is link: https://global-esf.org/
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! ![]()
Thanks for your good question.
Are You looking for this look please confirm.
if Your Answer is Yes i’m looking for this look!!!
Please try this Simple CSS code
- Go to Online Store->Theme->Edit code
- Asset->/base.css ->paste below code at the bottom of the file.
@media (min-width: 751px) {
.footer-block--newsletter {
position: absolute;
right: 40px;
top: 0;
}
.footer__content-top {
position: relative;
}
.footer-block--newsletter {
display: flex;
align-items: flex-end;
margin-top: 0rem !important;
gap: 1rem;
}
}
Thanks! ![]()
Yes!!! This worked perfectly!!! I really appreciate your help!!!
If you find this answer helpful, Please mark it as a SOLUTION.
Thanks! ![]()

