Can the email signup section be moved into the footer?

[mollycakes]

I'm not sure this can be done but worth a shot. My current footer is 2 sections with a gradient. I have the Email Signup section then the Footer section.

Website

However the gradients do not flow seamlessly on mobile. The colors don't match and scroll with each other.

Here is how it looks on iphone.

Is it possible to move the email signup section into the footer section to get around the gradient issue or is there a fix for the gradient issue?

This is how I would like it to look on mobile as well.

[BSS-TekLabs]

- Here is the solution for you @mollycakes 
- Please follow these steps:

- Then find the theme.liquid file.
- Then insert this code above </head> tag

<style>
.gradient {
    background: var(--gradient-background) !important;
    background-attachment: fixed !important;
}
@media screen and (max-width: 767px) {
    .gradient {
    background: var(--gradient-background) !important;
    background-attachment: fixed !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[mollycakes]

Thank you but unfortunately it didn't work.

[mollycakes]

This is the result I see for iphone.

[mollycakes]

If I add the following to Custom CSS it looks like the below screen shot. Which is closer. If I apply fixed it changes to solid color.

@media screen and (max-width: 767px) {
  .gradient {
    background-attachment: local !important;
  }
}

[BSS-TekLabs]

add this to line 30 file footer.liquid

<footer class="footer color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding" style="background: var(--gradient-background) !important; background-attachment: fixed !important;">

[BSS-TekLabs]