Search the Community
Showing results for tags 'announcement-bar'.
Found 21 results
-
I'm seeing an issue where my announcement bar is overlapping my site title and navigation icon on mobile. I reached out to support and this is a known issue they're working on but there's no solution yet and I need my announcement bar enabled. Any ideas? -
Site URL: https://www.stevenmcfarlane.design Hey all! I seem to be having trouble with my announcement bar. It seems to be pushing my header down over my content below, is there anyway to have the announcement bar push the whole site down instead instead of just pushing down the heading? Attached some examples showing the issue with and without announcement bar.
-
I am hoping to figure out how the reduce the overall height/size of the announcement bar on the Harris Template. It is really large at default settings but I can't figure out the code to get it to reduce properly. Any help would be much appreciated.
-
Site URL: https://fife-deer-hznw.squarespace.com/ Hi. I have added a fixed header nav, and now I'd like to get the announcement bar to sit just above the header. Right now the announcement bar is overlapping with the header nav. Here's what is in my CSS... what am I doing wrong? .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:100%; -webkit-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); -moz-box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); box-shadow: 0px 3px 15px rgba(100, 100, 100, 0.49); } main{ padding-top: 200px; } ajax{ z-index: 9999; } @media only screen and (max-width: 1000px){ main { padding-top: 0px; } } @media screen and (max-width:828px) { .sqs-announcement-bar-dropzone p { font-size: 15px; letter-spacing: .7px; line-height: 180%; } } .sqs-announcement-bar-dropzone { position: -webkit-sticky; position: sticky; top: 0; z-index: 10001; } .show-on-scroll-wrapper.show { display: none; }
-
Can someone provide the specific code for removing announcement bar from specific page in Version 7.0– Aviator family (Aviator template) -
Site URL: https://fife-deer-hznw.squarespace.com/ I'm using brine. I've tried a few methods in css to increase the marketing announcement bar's font size. Nothing's working. It's set at 13 and it's too small (I want all the sites fonts to be no smaller than 14px) .sqs-announcement-bar-text {font-size: 1.3rem !important; } seems to increase the font *line-height* but not the actual font *size* I've also tried: @media only screen and (max-width: 640px) .sqs-announcement-bar-text, p { font-size: 14px; !important;} This isn't working either. The "p" is being identified as a syntax error. What am I doing wrong? What gives? -
Site URL: https://nightowlcoffeebar.com -
Announcement Bar is enabled but it does not appear on desktop. I have had plenty of websites with no problem but it might be from the fixed header CSS I have on this site. On mobile it appears below the header, is this normal? Also, the Mobile Bar is enabled but it disappears when scrolling down the page. Can this be fixed so when you finish scrolling it pops back into view? Any help or links with more info is greatly appreciated.
-
announcement-bar Rotating Content within Announcement Bar
deandra.olivieri posted a question in Coding and Customization
Site URL: https://www.jenevoymakeupstudio.com/ Hi! Wondering if there's a way to create an announcement bar with content that changes. An example can be seen on this Shopify site. Can anyone let me know if this is possible? Thank you! -
Hello there! I am building a two-language site and I would like to have somthing like a permanent announcement bar but with two small flags at the corner, one Swedish and one English. If you click on one flag, you will get linked to the corresponding language site. How can I do this? It doesn't need to be sticky, only be located at the top of the screen. Thanks in advance!! Adrian -
Diable announcement bar javascript on mobile
AllenMars posted a question in Coding and Customization
I'd like to diable the announment bar javascrip on mobile to increase the loading speed. I know how to do it with css (display:none). But it does not stop the script acutally. -
How to keep announcement bar fixed while scrolling?
shume posted a question in Coding and Customization
Hi, How do you keep the announcement bar fixed while scrolling. There seems to be old forum questions along these lines and have all been deleted! Is there CSS code I can add? I tried the below, but it didn't work! .sqs-announcement-bar { position: fixed; top: 0; width: 100%; } Thanks! Template: Hayden Bonus question: And if you know how to remove an underline from a link in announcement bar? -
I need to Right or Left Justify the Announcement Bar Text. Please help! Thank you so much in advance for your CSS wizardry!
- 3 replies
-
- 1
-
-
- announcement-bar
- text
- (and 1 more)
-
I'd like to be able to disable the announcement bar on a single page. Is it possible? I'm guessing that it might be possible via code in the "Page Header Code Injection". However, I have no clue what that code would be. Do you know how?
-
Hey everyone! I've done a little bit of CSS but couldn't figure out why my announcement bar is overlapping my nav. And, on scroll it disappears. Can anyone help? I'm using Bedford family (Hayden template) https://verobranding.com/
-
Remove underline from link text in announcement bar
moessence posted a question in Coding and Customization
I am trying to remove the underline from linked text in an announcement bar. Please help with some CSS! Thank you in advance! -
Hello, I would like to turn my online shop on from Monday - Friday 8-18h and off for the rest of the time. An announcement bar is visible on all of the pages, not only the shop page. Is there a way to do this? Brine Template Thanks! Chris Collinge
-
For some reason my announcement bar isn't showing on mobile. It's there in the editor, but it won't appear on my phone. Any ideas?
-
Can someone share how to make the announcment bar animated? I would like it to flash. Thank you for your help. Bedford template https://crow-shark-d2c4.squarespace.com/config/ passcode -4646
-
Hi everyone! I have a strange issue with my announcement bar. The background colour is set to white in Site Styles, which is my intention. This appears beautifully on my homepage, but for all other pages, the colour is no longer white and I'm not sure how to fix this. Any help would be appreciated. Thank you! www.owlandquill.com (White announcement bar) www.owlandquill.com/workshop (Pink announcement bar)
-
Dynamically Update Date in Announcement Bar
RyanMakesMovies posted a question in Coding and Customization
I'm trying to set up my announcement bar so that it displays a dynamic date for a weekly event, like: "Our next event is on [THE NEXT SATURDAY'S DATE]" Is there a way to do this with code injection or something similar? I'm in the Bedford template if that makes a difference.
