Hiding Footer on Home Page with Brooklyn Theme

Solved
Highlighted
Tourist
4 0 1

I am trying to hide the footer menu on my home page with the Brooklyn theme. I have an image that I would like to be only thing visible upon loading the site. I have tried several bits of code that I found in other forum posts and questions, but none of them have worked so far. Any help appreciated! 

0 Likes
Highlighted
Shopify Partner
364 61 87

Hello @dillonguziejka, share store link for better solution 

1 Like
Highlighted
Tourist
4 0 1

Hello @Wahab_Ahmad 

https://laughingstock-co.myshopify.com

The password is taywhi.

0 Likes
Highlighted
Shopify Partner
364 61 87

This is an accepted solution.

Hello @dillonguziejka,

 

1. Go to Online Store->Theme->Edit code
2. Layout->theme.liquid

Search {% section 'footer' %} by using ctrl+F

Replace with

{% if request.page_type != 'index' %}
{% section 'footer' %}
{%endif%}

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

1 Like
Highlighted
Tourist
4 0 1

@Wahab_Ahmad That worked perfectly for hiding the margin, but now there is a large amount of white space below the image. Is there a way to remedy that as well?

0 Likes
Highlighted
Shopify Partner
1544 332 446

Hey @dillonguziejka 

add code assets/theme.scss.liquid or assets/timber.scss.liquid bottom of the file

.template-index .main-content {height: 100vh;}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
4 0 1

@dmwwebartisan Thank you so much. Worked perfectly! 

1 Like