FROM CACHE - en_header
Promotion image

Re: How to Hide Only the Navigation Menu of the Footer on all Product, Collection and Add-To-Cart Pa

Solved

How to Hide Only the Navigation Menu of the Footer on all Product, Collection and Add-To-Cart Pages

randomstoreowne
Tourist
14 0 1
‎07-21-2024 02:35 PM

Hi everyone,

 

I've seen many solutions for hiding the entire footer, but I can't find any that explain how to hide just the Navigation Menu section in the footer on Dawn 2.0.

 

Any help would be greatly appreciated!

 

Thanks!

Labels:
670 Views
0 Likes
Report
Accepted Solution (1)

PaulNewton
Shopify Partner
7746 679 1617
‎07-21-2024 03:14 PM

This is an accepted solution.

Hi @randomstoreowne  in custom-liquid sections use this logic and styles to hide all footer menu blocks

 

{% if request.page_type == "product" or request.page_type == "collection" %}
 <style>
 footer .footer-block--menu {
    display: none !important;
 }
 </style>
{% endif %}

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org


View solution in original post

648 Views
0 Likes
Report
Replies 6 (6)

Moeed
Shopify Partner
7731 2073 2551
‎07-21-2024 02:37 PM

Hey @randomstoreowne 

 

Share your Store URL and Password if enabled.

 

Best Regards,

Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


664 Views
0 Likes
Report
In response to Moeed

randomstoreowne
Tourist
14 0 1
‎07-21-2024 02:53 PM

Dental-armor.com

660 Views
0 Likes
Report
In response to randomstoreowne

Moeed
Shopify Partner
7731 2073 2551
‎07-21-2024 02:58 PM

Hey @randomstoreowne 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.footer__content-top .grid {
    display: none !important;
}
</style>

RESULT:

Moeed_0-1721588459146.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp ✅

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


655 Views
0 Likes
Report
In response to Moeed

randomstoreowne
Tourist
14 0 1
‎07-21-2024 02:59 PM
dental-armor.com
655 Views
0 Likes
Report

PaulNewton
Shopify Partner
7746 679 1617
‎07-21-2024 03:14 PM

This is an accepted solution.

Hi @randomstoreowne  in custom-liquid sections use this logic and styles to hide all footer menu blocks

 

{% if request.page_type == "product" or request.page_type == "collection" %}
 <style>
 footer .footer-block--menu {
    display: none !important;
 }
 </style>
{% endif %}

 

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org


649 Views
0 Likes
Report

Dan-From-Ryviu
Shopify Partner
12040 2353 2530
‎07-22-2024 03:21 AM

Hi @randomstoreowne 

You can do that by adding this code to theme.liquid file, after <head> in Online Store > Themes > Edit code 

{%- if template.name contains 'collection' or template.name == 'cart' }
<style>
.footer__content-top .footer-block--menu { display: none !important; }
</style>
{%- endif -%}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

568 Views
0 Likes
Report

Community Blog Articles

May '25.jpg
Celebrating our Members of May '25

June brought summer energy to our community. Members jumped in with solutions, clicked ...

By JasonH Jun 5, 2025
441285313-63bbef53-3fbe-4e8b-a706-5b37afa90468.png
Automate store operations with Shopify Academy & Coding with Jan

Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...

By Jacqui May 7, 2025
April 25.jpg
Highlighting our Members of April '25

Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...

By JasonH May 2, 2025
Terms of Service Privacy Policy