Hide Announcement bar from Home Page on Prestige theme

Store Design
1

Title Says it. Tried following some old inquires on the same thing but those solutions didn’t work on my site. Any help appreciated!

2

@Hollerbach3D
Kindly share your store URL

3
4
5 
.AnnouncementBar {
    display: none !important;
}

Add this code in theme.scss

Or you can click on customize your theme.
then you will get the announcement bar.
then you will get checkbox check to hide it.
and save it.

Thank you.

6

Sorry I should have been more clear - I’m trying to hide it ONLY on the home page. I’d like it to be visible everywhere else. Thoughts?

7

Which theme are you using.
You can go to the customization.
then go to announcement Bar.
then you will get the hide option.
Thank you.

8

@Hollerbach3D

Please try this css 1- Click on Online store => Actions => Edit code => Assets => theme.scss.liquid

2- At the very bottom of the code paste the following code:

.AnnouncementBar {
    display: none !important;
}

Thanks!

9

Go to the theme Customization.
click to the announcement bar.
then you will get the hide option.
Hide.
save.

10

This hides it on all pages. I’m only trying to hide it on the home page. Thanks!

11

@Hollerbach3D

1- Click on Online store => Actions => Edit code => Assets => theme.scss.liquid

2- At the very bottom of the code paste the following code:

.template-index .AnnouncementBar {
    display: none !important;
}
1 Like
12

Looks like that did the trick! Thank you!

1 Like
13

@Hollerbach3D

Thanks