Hi i want to close the gap between my footer and the page contents so it is similair to the header. Please see images of the header for reference and the footer to show how big the gap is inbween the page and contents. I want to make the footer the same distance as the header.
also in mobile version how do i make the header white space smaller so the header comes closer to the page below
Hello @joeltattersall1
Can you share store URL?
Hi @joeltattersall1 ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search theme.liquid. After you insert my code inside it
{% assign full_url = request.host | append: request.path %}
{%- if full_url contains 'contact-us' -%}
{%- endif -%}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 
1 Like
it seems to work, is there a way to make it so it is working on all pages?
Hi @joeltattersall1 , Pls replace old code to this new code :
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you
1 Like
That has done it all pages now, do i adjust the viewbox to bring it up even higher?
Hi @joeltattersall1 , You can adjust the viewbox as follows: 0 265 1500 299.999999
It will be higher
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you
1 Like
That is great thank you, Do you know how i can make the gap go away on mobile version like in the red circle? On all pages
Hi @joeltattersall1 ,
You can try this code by following these steps:
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
@media only screen and (max-width: 767px) {
.section-header.shopify-section-group-header-group .header-wrapper {
height: 200px !important;
}
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you
1 Like
That worked thank you 
for some reason on some of the pages i can see this white line through the footer. it is only on mobile devices and only on some pages
Hi @joeltattersall1 , You can adjust the viewbox as follows: 0 255 1500 290.999999
It will probably lose that white line
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you
1 Like
it was unsuccessful