Re: Newsletter box in footer not aligning properly – Craft Theme

jmd92 · ‎01-27-2024

Hello,

I am having an issue on desktop only where my newsletter box in my footer does not align with the above it. The header above is aligned with my top nav menu and slideshow etc. Mobile looks fine, does anyone know how to fix this issue for desktop? Mockup attached for reference. Thank you so much.

Dan-From-Ryviu · ‎01-27-2024

Sorry, please update code to this

<style>
@media (min-width: 750px) {
.newsletter-form { margin-left: 0px !important; }
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎01-27-2024

Code update

<style>
@media (min-width: 750px) {
.newsletter-form { margin-left: 0px !important; }
.footer-block--newsletter {
align-items: flex-start !important;
margin-top: 0px !important;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

Dan-From-Ryviu · ‎01-27-2024

Could you share your store URL?

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jmd92 · ‎01-27-2024

Hi Dan, below:

http://thetypefella.com

Dan-From-Ryviu · ‎01-27-2024

Please add this code to your Online store > Themes > Edit code > open theme.liquid file, add this code after <head> element

@media (min-width: 750px) {
.newsletter-form { margin-left: 0px !important; }
}

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jmd92 · ‎01-27-2024

Hmm, got this weird code above, header after adding that code. This did not fix the bottom either, any ideas?

Dan-From-Ryviu · ‎01-27-2024

Sorry, please update code to this

<style>
@media (min-width: 750px) {
.newsletter-form { margin-left: 0px !important; }
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jmd92 · ‎01-27-2024

That worked perfect! Last question, do you know how to top align the newsletter header and block on far right just like image attached? Desktop only. Tried some other code from others but couldn't get all blocks to top align properly.

Dan-From-Ryviu · ‎01-27-2024

Code update

<style>
@media (min-width: 750px) {
.newsletter-form { margin-left: 0px !important; }
.footer-block--newsletter {
align-items: flex-start !important;
margin-top: 0px !important;
}
}
</style>

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

jmd92 · ‎01-27-2024

Perfect thanks so much! Just paypal'd you, I appreciate the help!

Dan-From-Ryviu · ‎01-27-2024

You are very welcome!

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. ☕ Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

Re: Newsletter box in footer not aligning properly – Craft Theme

Newsletter box in footer not aligning properly – Craft Theme

Community Blog Articles