A user seeks to position the footer section on top of the image banner on their homepage without white background, while ensuring it works consistently across all pages (desktop and mobile). Their previous solution only worked on the main page.
Initial attempts:
Troubleshooting process:
Resolution:
Status: Resolved. The footer now displays correctly across all pages on both desktop and mobile devices.
Hi,
I’d like to make footer section on top of the image banner (main page) without any white background, stays at the bottom that works across all pages(both for desktop and mobile).
Can you help on this please? My previous accepted solution did not work on other pages but just the main page.
is the link.
Thank you!
Hi @gmuink ,
Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.
section#shopify-section-template--15291167637550__image_banner_EYRgWX {
margin-top: -183px !important;
}
section#shopify-section-template--15291167637550__image_banner_EYRgWX .banner--adapt {
height: 120vh !important;
}
footer.footer.color-scheme-2.gradient.section-sections--15291164819502__footer-padding {
margin-top: -98px !important;
}
Hi @CodingFifty
Unfortunately, I don’t see any changes. Do you have another code?
Hi @gmuink ,
Please try this code
div#shopify-section-sections--15291164819502__footer {
margin-top: -98px !important;
}
section#shopify-section-template--15291167637550__image_banner_EYRgWX .banner--adapt {
height: 120vh !important;
}
Thank you for the code again but it did not reflect on my end 
I am adding the code to base.css
Can you please share the store access? @gmuink
Kindly approve @gmuink
Approved! @CodingFifty
@gmuink ,
Kindly check.
I seems like the image on the desktop is enlarged, it crops the background image.
For mobile, it does not show the footer on the main page. On the other page, it overlaps other contents.
@gmuink , Kindly review.
Thank you. It still overlaps on the product page for mobile
For desktop it made empty white space.
@gmuink, Kindly review.
@CodingFifty This is more than enough. Thank you so much for your help. Appreciate it!!!
