Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'announcement-bar'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://toledomosquito.squarespace.com/ Site: https://toledomosquito.squarespace.com/ P/W: toledomosquito
  2. I would like to push down the announcement bar (7.1) with css to the end of the page, below the footer. Someone that knows how to do it?
  3. Does anyone have a way of changing the text and link in the announcement bar on a single page? Thanks!
  4. Does anyone have a code injection script that would make the announcement bar accessible? The existing code is very poor for accessibility but the overall component is really useful.
  5. Hi! I am new to the circle community but am in the middle of developing a food blog site for a client. I really like the announcement bar as a form of navigation on this site https://www.elisabethandbutter.com/. does anyone know how I can implement this on my site? Thanks so much!
  6. Site URL: https://chimes-aqua-fnp8.squarespace.com/config/design/custom-css Hello, I need code to center my Announcement Bar on all devices.
  7. Site URL: https://beckyevans.com I need to add a second announcement bar to my site. I know this is not possible using the squarespace options available. Can this be done with html? If so, how? We don't want to get rid of our COVID-19 resources announcement bar but want to add an unrelated promotional link that can be seen on mobile without being buried in the navigation menu. Alternatively, I'd like to add a button or very thin banner near the top of my home page only for the non-desktop viewers. The link in the second announcement bar is the same thing as the last menu item. We just don't want it hidden in the sandwiched menu for mobile.
  8. Site URL: https://www.stantonroad.wirral.sch.uk/ Hi! I am wondering if it is possible to add a link to my scrolling text in my announcement bar? Currently, I have a link present on the announcement bar. However, it only works when you click on the announcement bar box, rather than the text which may cause confusion. The text also seems to stop when a mouse hovers over it and doesn't link to anything.
  9. Site URL: https://www.sparrowtheapp.com/ @tuanphan @bangank36 You guys are my idols. As the title suggests, I want the announcement bar to stay as I scroll down on my phone / laptop. I have the following bit of CSS but can't seem to make it work. Thoughts? #page section { min-height: 0 !Important; height: auto !important; padding-bottom: 0vw !important; } .sqs-announcement-bar-dropzone { position: -webkit-sticky; position: sticky; top: 0; z-index: 10001; } .show-on-scroll-wrapper.show { display: none; } /* remove announcement bar on mobile when mobile navigation is active */ @media only screen and (max-width: 640px) {.tweak-mobile-overlay-slide-origin-left.is-mobile-overlay-active .sqs-announcement-bar{ display: none; } }
  10. Site URL: https://cornet-garlic-2med.squarespace.com/home Hi there, I'm having trouble with a gap that's appearing between my header and announcement bar. When i close the announcement bar, the white header doesn't sit at the top of the page either. Is anyone able to help figure this out? Do any one also know why the burger menu doesn't align on the left like the rest of the site? The padding seems to be bigger on the left of the burger menu 😞 Thanks so much! https://cornet-garlic-2med.squarespace.com/home pw: friendly
  11. 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?
  12. 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?
  13. Site URL: https://solanashades.com/ I would like to have two "sections" in the announcement bar - one on the left and one on the right so I can advertise two separate items. Any ideas?
  14. Site URL: https://www.jspfinearts.com Hi everyone. My name is Johan, I am looking for the right code needed for adding an additional header or an additional announcement bar. I want to use the additional element to add categories via a folder. The template i'm using is Farro and I noticed that when you place a folder in the footer navigation, the items in the folder appear outside of the folder in a menu and I wanted to know which code I can use to add this to the top header. My website is JSPFINEARTS.COM Thanks Johan
  15. Looking to reduce font size in mobile for the announcement bar. Unsure what I might be doing wrong/targeting wrong... @media screen and (max-width: 640px) { .sqs-announcement-bar-text, .sqs-announcement-bar-text p { font-size: 9px; } } https://snail-sprout-zgz3.squarespace.com/ pass: workout
  16. Site URL: https://www.bloombyb.nu Hey everybody! I am trying to make my announcement bar clickable but once I add a link it goes dark blue and the text disappears. However, it is is clickable. I have tried to fix it going through Site Style > Colors > and then edit the announcement bar sections under the theme being used but no luck. I want it with the orange background and white text. I have attached some screenshots. Any help and suggestions will be gladly appreciate it! Thanks
  17. Hi, I added announcement bar with a blue background and mostly white text. I made a few of the words green (through custom CSS) for emphasis. The bar appears nicely on every page EXCEPT on mobile when I click on the burger box menu. On that page, there is no blue bar color and I can only see the words in green. Any ideas why the blue background disappears? It doesn't appear to be hidden behind anything, you can see the space it would occupy, just no blue behind it. Thank you! FYI, the custom CSS code I have for the green text is: .sqs-announcement-bar p strong { color: rgb(181,230,29) !important; }
  18. Site URL: https://www.omventure.com What CSS will make the sticky announcement bar (on mobile) allow the full navigation menu to appear? Meaning, right now the sticky announcement bar covers up most of the mobile navigation menu. Thank you!
  19. Site URL: https://www.max20.com I want to have multiple buttons that are the same style as the rest of my buttons in my announcement bar. I think I would like them all to be different colours. Please can someone advise how I can achieve a look similar to my rubbish mock-up attached. I think preferably I'd like 3 buttons rather than two, with the ability to link to pages within the site, and to change the colour of all the buttons too. Thank you.
  20. Site URL: https://www.kaiyosonics.com/ Any ideas on how to fix this issue of the announcement bar pushing the site logo down but not the first section along with it on mobile? There are only 4 pages that it happens on and they are the pages where I've had to duplicate the top section and hide one on mobile and one on desktop using CSS so I could make mobile only adjustments to the layout. In doing so, the duplicated section that is visible only on mobile seems to have gotten rid of the transparent section behind the header or something. I've noticed when trying to edit these sections I need to add a 50px top margin in CSS just so I can click the pencil icon, otherwise it is up in the header section and then 'edit header section' appears when moving the cursor towards it and I'm unable to click on the first section's pencil icon.
  21. Site URL: https://www.taylorsdentalsc.com/ Hello! I am looking to have align one line of text within the announcement bar to the left, and the other line to the right (similar to the attached), so that the information can be a bit larger without making the bar taller. What would be the best way to achieve this? I have the bar hidden on mobile, since the information will be accessible via the mobile information bar. Pass to see site is taylors
  22. Hi Squarespace community, Is there a custom css code whereby it is possible to move the announcement bar which is normally located at the top of the screen to just underneath the navigation bar? (Navigation bar at the top of the screen > followed by announcement bar > main content) Thank you for any help provided.
  23. Site URL: https://www.cetaglobal.org/ Does anyone know how to code a 2nd announcement bar on a Squarespace website? I have been searching for custom CSS code to solve this problem and any suggestions would be appreciated.
  • Create New...