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

randomstoreowne · ‎07-21-2024

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!

PaulNewton · ‎07-21-2024

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

Moeed · ‎07-21-2024

Hey @randomstoreowne

Share your Store URL and Password if enabled.

Best Regards,

Moeed

-Need a Shopify Specialist? Chat on WhatsApp
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ☕❤️

randomstoreowne · ‎07-21-2024

Dental-armor.com

Moeed · ‎07-21-2024

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:

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
- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ☕❤️

randomstoreowne · ‎07-21-2024

dental-armor.com

PaulNewton · ‎07-21-2024

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

Dan-From-Ryviu · ‎07-22-2024

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 and Accept solution!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

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

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

Community Blog Articles