Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am trying to align my footer logo (it is 300px) with the newsletter signup / icons in my footer. I want these to be in the same row. Right now the footer logo div section is spanning the entire width of the footer, and it is left aligned as it should be. My newsletter signup and icons are already coded to be right aligned, but its in its own div section below the logo div section because I cannot figure out how to align them in the same row. I attached a pic. How do I reduce the width of the footer image section, in order to allow the newsletter section to be bumped up next to the image? Thanks!
Can I check? Would you mind to share your store URL? Thanks!
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
@media screen and (min-width:768px){
.footer-block--newsletter {
flex-wrap: nowrap;
justify-content: space-between !important;
flex-direction: row !important;
}
.footer-block--newsletter > * {
flex-basis: 50%;
}
.footer-block--newsletter .footer-block__newsletter{
align-items: flex-start;}
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024