remove announcement bar, header, footer on single page template envy theme

Solved

remove announcement bar, header, footer on single page template envy theme

Abby_CLS
Shopify Partner
8 0 2

I think I've tried all the solutions to remove the header and footer from a page template, but none of them have worked! I'm using Envy theme 2.0. I have tried the following in the theme.liquid:

(above /head)

 

{% if template contains ‘email-signup' %}

<style>

announcement-bar, header, footer {display: none !important;}

</style>

{% endif %}

 

or (above /head)

 

{% if page.handle contains 'signup' %}

      <style>

        .header {

            display: none !important;

        }

        .announcement-bar {

            display: none !important;

        }

        .footer {

            display: none !important;

        }

      </style>

    {% endif %}

 

or (in the body)

 

{% unless template contains 'page.email-signup' %}
{% section 'announcement-bar' %}
{% section 'header' %}
{% endunless %}

 

and variations of

– page.title contains 'email list sign-up'

– template.name == 'email-signup'

 

the page template I want to remove it on is 'email-signup', the URL is /pages/signup, the page title is 'email list sign-up'

 

Please help!

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Hi @Abby_CLS 

Go to store admin > Online Store > Themes > Edit code > open theme.liquid file, add this code after <head> 

{% if page.id == 93645635650 %}
<style>
#shopify-section-announcement-bar,
#shopify-section-header, 
#shopify-section-footer {
display: none !important;
}
</style>
{% endif %}

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 14 (14)

round
Shopify Partner
113 18 10

@Abby_CLS ,

in go to email single page template with customizer after that you will found custom CSS field, use display: done; 
I think that's work for you


I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Abby_CLS
Shopify Partner
8 0 2

unfortunately, that isn't the solution. I get a message saying the section selectors are not supported, I don't think CSS is the solution. 

round
Shopify Partner
113 18 10

@Abby_CLS  you can also try this way  https://www.loom.com/share/c991a3421fb14b3c934fdedaf6f31cfb 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM
Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Abby_CLS
Shopify Partner
8 0 2

Unfortunately, that didn't work either. I wonder if it is something to do with the way the theme  – Envy – is structured. The solutions I've tried, and the ones you have offered, make sense, but they just don't work. 

round
Shopify Partner
113 18 10

@Abby_CLS , is it possible to check your code or something to have access to your store account as like staff account?

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.

techlyser_web
Shopify Partner
1767 327 352

Hello @Abby_CLS 

Try this 

Insert the following code at the top of your theme.liquid file, just before the closing </head> tag:
{% if template contains 'page.signup' %}
   <style>
     .announcement-bar, .header, .footer {
          display: none !important;
     }
  </style>
{% endif %}

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Abby_CLS
Shopify Partner
8 0 2

Unfortunately, no joy. I tried changing the 'page.signup' to all the other variations it could possibly be just in case. I have contacted the theme developer for some support, because these valid suggestions don't seem to be working. 

I've triple checked that my syntax is correct!

ZestardTech
Shopify Expert
5624 1024 1352

Hi @Abby_CLS 

 

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
techlyser_web
Shopify Partner
1767 327 352

Can you share page URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Hi @Abby_CLS

Do you have the URL of the page where you would like to remove those sections?

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Abby_CLS
Shopify Partner
8 0 2

I'm happy to provide the URL, but as it's a client store, I'm not comfortable granting access without permission. I understand this makes it more difficult. I was unable to get any help from Eight Themes as per Shopify rules. 

 

https://kuddlykids.com.au/pages/signup

 

Basically, we want this page to just be the email signup form and nothing else, like a landing page. 

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

This is an accepted solution.

Hi @Abby_CLS 

Go to store admin > Online Store > Themes > Edit code > open theme.liquid file, add this code after <head> 

{% if page.id == 93645635650 %}
<style>
#shopify-section-announcement-bar,
#shopify-section-header, 
#shopify-section-footer {
display: none !important;
}
</style>
{% endif %}

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

Abby_CLS
Shopify Partner
8 0 2

Amazing! It worked – thank you!

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

You are very welcome. 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.