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


Forums

  • 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
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. 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?
  2. Site URL: https://lahiapteekki.squarespace.com/etusivu My client would like to have an announcement bar on his website that states what the hours the pharmacy is open for that particular day. That way any time customers go to the site they will know when the pharmacy is open that day, for example "We are still open for 5 hours today" or "We are open to 8 pm today". The pharmacy is open from Monday to Friday 8 am to 8 pm, on Saturdays from 8 am to 6 pm and Sundays from 10 am to 6 pm. I appreciate any help with this! πŸ™
  3. Hi all! A few months ago I remember changing the color of my site's announcement bar w/o having to input any custom CSS. I can't seem to find out where to go on the website to do this - any suggestions?
  4. Site URL: https://www.milkglobal.net Morning/Evening guys, Has anyone managed to achieve a scrolling announcement bar that works on all devices. I've tried quite a few open source codes but nothing achieves a smooth transition from right to left. If anyone has any advice it would be hugely appreciated. Thanks Dan
  5. Site URL: http://kanbeeapp.com Hi All, The announcement bar is covering the navigation panel on the mobile version of our website. We used some custom css but weren't able to figure out how to fix this. Has anyone come across a solution? kanbeeapp.com.mov
  6. Site URL: https://tangerine-krill-3gdl.squarespace.com/ https://tangerine-krill-3gdl.squarespace.com/ Password: hello123 hey all! I've got an image in the announcement bar (see link, fixed at the bottom) and need the image to be clickable - it has an email address, which once clicked would open up the email client. So mailto: hello@ninawrightinteriors.com how do I do this? Using squarespace 7, on "Basil', using business plan Thanks so much in advance!
  7. Site URL: https://chrysalis-goose-4pdd.squarespace.com In a past thread I found how to change the background color of the announcement bar, but the code to change the text color didn't work. Here is the code that works for the background: .sqs-announcement-bar-url { background-color: #040534; } Could you tell me the code to change the text color? Thanks!
  8. Site URL: http://cairchicago.org Hi! How do I add a search box to the left side of the announcement bar on my website? I'm trying to code into the announcement bar and I don't see where I can input it.
  9. Site URL: https://www.holistichealthcorner.co.nz/ Hi! Can someone help with how to remove link underline and right justify the text in the announcement bar?
  10. Site URL: https://www.jadoredbyjody.com/ I am trying to add a countdown to free shipping announcement bar. The YOU’RE ONLY $35 AWAY FROM FREE U.S. SHIPPING! I want the $35 to countdown as shoppers add items to their carts.
  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. Site URL: https://rafida.org Hey, I'm using the below code in the FOOTER INJECTION to fix the announcement bar and top header upon scroll for our BRINE website. I want to keep the announcement bar fixed on the desktop version, but not fixed in the mobile version I tried to add: mobileannouncementBar: false, But this did not work. Any ideas how to solve this? website: rafida.orgpass: lastphasetesting3 (function() { var settings = { mobileHeader: true, announcementBar: true, mobileannouncementBar: false, desktopHeaderTop: true, desktopHeaderBottom: false, adjustAnchors: true, isScrolledDistance: 400 };
  13. , I have been really wanting a design on my website. The only issue is that sqaurespace doesn't give you the option to do so. So, I came here to see if anyone could help me with some help sharing the code to me. I was wondering if its possible to have a carousel like scrolling announcement bar block in the header of my website. I took a screen shot so that it will give you a better idea. If you can help me please reply back. Thanks!!
  14. Site URL: https://mandarin-synthesizer-j5g7.squarespace.com/ Hello, I would like to add a slideshow effect to the announcement bar. For example one frame would say 'call us on xxxxxxx' and then the next frame would say 'or email us at xxxxx'. Is this possible? and if so how would I find the css code for it? Many thanks for your help. Kelly
  15. Site URL: http://just-customs.squarespace.com I'm wanting to remove the "x" option to close the announcement bar. Just want it to always be at the top without people being able to close it off.
  16. Site URL: https://heartpainter.com/ After I changed the background color of the announcement bar (because black looked kind of harsh), I encountered huge problem in preview modes (tablet and phone) and in real life tests. On tablet, (Samsung Tab A 10.1 S pen), switching from vertical view to landscape view made everything in the design wrecked -- I didn't take a screen shot, but some nav links overlapped others, there was basically no organization among blocks. In mobile, clicking on a menu item did the same even in vertical view. It was just luck, since I'd made a lot of changes today, that I tried changing the announcement bar back first. That fixes it. However...I don't see why...seems as if the background color of the announcement bar should have zero effect like this. Ideas?
  17. Good morning, afternoon and evening everyone. I am adding a client login as well as a talk to us button in the Announcement bar of the site I'm working on.I have everything set up and styled, just wondering if anyone has any insight on adding a second button. Any help would be greatly appreciated. Cheers, Alex
  18. Site URL: https://chihuahua-mayflower-6zj5.squarespace.com/ Hi, I made my announcement bar fixed with my header, however now I'm unable to click through to the page that's linked to the announcement bar. Would appreciate any help/advice! The code I'm using right now: .Header { position: fixed!important; z-index: 1000; width: 100%; padding-top: 30px; padding-bottom: 30px; background-color: rgba(255,255,255,0)!important; } @media screen and (min-width: 641px) { .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main { padding-top: 35px; } .Intro + .Main { padding-top: 0px; } } .sqs-announcement-bar-dropzone { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } PW is: rsp123 Thanks!
  19. 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?
  20. 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.
  21. 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; }
  22. Can someone provide the specific code for removing announcement bar from specific page in Version 7.0– Aviator family (Aviator template)
  23. 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.
  24. 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!
Γ—
Γ—
  • Create New...