What's your biggest current challenge? Have your say in Community Polls along the right column.

How do I line up my footer logo image (left) with the newsletter signup and icons (right) in 1 row?

How do I line up my footer logo image (left) with the newsletter signup and icons (right) in 1 row?

LiefdeApparel
Excursionist
18 3 1

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!

Screenshot 2024-03-12 at 12.39.20 PM.png

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
9118 2178 2688

Hi @LiefdeApparel 

Can I check? Would you mind to share your store URL? Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
LiefdeApparel
Excursionist
18 3 1

Hi. Yes, it's https://www.marlyngraceboutique.com/ and the PW is "NoAccessYet"

PageFly-Richard
Shopify Partner
4801 1085 1753

Hi @LiefdeApparel 

 

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>

PageFlyRichard_0-1710290050754.png

 

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.