Move Newsletter Form in footer - Dawn Theme

Store Design
, , ,
1

Hi,

I want to move the Newsletter form to this area of my footer. Please help!

Thanks!

footer.png
footer.png1896Ă—763 37.1 KB

1 Like
2

Hey @jasondane
Kindly share your Store URL and Password if enabled

3

https://boconceptcontract.com.au/

4

Hey @jasondane

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1686631354066.png
Moeed_0-1686631354066.png1906Ă—513 21.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

I altered the code and you can see the results in the site: https://boconceptcontract.com.au/

However, if you check the first links on each section like “Build-to-Rent”, “Office Design”, About Us, Contact Us. They seem to have been disabled

6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > section-footer.css and paste this at the bottom of the file:
@media (min-width: 768px){
.footer-block--newsletter {
margin-right: -80%;
transform: translateY(-280%);
}
}

ZestardTech_0-1686634484818.png
ZestardTech_0-1686634484818.png1907Ă—611 27.9 KB

1 Like
7

This works. However, the first links on each section are disabled/not clickable

1 Like
8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > section-footer.css and paste this at the bottom of the file:
@media (min-width: 768px){
.footer__content-top.page-width {
position: relative;
}
.footer-block--newsletter {
position: absolute;
top: -15%;
left: 83%;
}
}

ZestardTech_0-1686637600262.png
ZestardTech_0-1686637600262.png1883Ă—501 26.8 KB

1 Like
9

This worked! Had to alter some figures but it did the trick. Thank you!

1 Like
10

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.