How can I reposition my email newsletter sign-up box?

[KieranC]

Hi, I have recently created a page specifically for my email newsletter sign up.

The box where my customer will enter the email address has gone to the very bottom of the page. How would I move this in between my text and my image? I have attached the code of the page and I am using the debut theme.

Thanks in advance!

Show More

[AvadaCommerce]

Hi @KieranC ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

[KetanKumar]

@KieranC

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[KieranC]

https://www.birkdalesmarthome.com/pages/newsletter-sign-up?_pos=1&_sid=f7accf9df&_ss=r

Thanks in advance!

[KetanKumar]

@KieranC

do you have like this?

[KieranC]

Hi,

No. I had the image above the ‘subscribe’ box.

[KetanKumar]

@KieranC

yes, please send contact page code so i will update

[KieranC]

{{ page.title }}

{{ page.content }}

{% if section.settings.title != blank %} {{ section.settings.title | escape }} {% endif %} {% if section.settings.subtitle != blank %}

{{ section.settings.subtitle | escape }}

{% endif %}

{% form 'customer' %} {{ form.errors | default_errors }} {% if form.posted_successfully? %}

{{ 'general.newsletter_form.confirmation' | t }}

{% else %}

{{ 'general.newsletter_form.submit' | t }}

{% endif %} {% endform %}

[KetanKumar]

@KieranC

can you try this code

# {{ page.title }}

{% if section.settings.title != blank %}

{% endif %}
{% if section.settings.subtitle != blank %}

{{ section.settings.subtitle | escape }}

{% endif %}

{% form 'customer' %}
{{ form.errors | default_errors }}
{% if form.posted_successfully? %}

{{ 'general.newsletter_form.confirmation' | t }}

{% else %}

{% endif %}
{% endform %}

{{ page.content }}

[KieranC]

Hi Ketan,

That has now moved the box to the top of page, is there any way to have my text above it?

Thanks for all your help so far!

[KetanKumar]

@KieranC

that tax come up to Shopify admin page we doesn’t control but you have add fix tax code above this its work

[KieranC]

OK, thanks.

[KieranC]

Is there anyway to reduce the gap between the Page title and the content? It is very large currently!

[KetanKumar]

@KieranC

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.grid__item.medium-up--five-sixths.medium-up--push-one-twelfth .newsletter-section {
    padding-top: 0px;
}

[AvadaCommerce]

Hi @KieranC ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:

.newsletter-section {
    padding-top: 0 !important;
}

.newsletter-section .section-header {
    margin-bottom: 20px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.