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. 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?
  2. 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.
  3. 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?
  4. 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 };
  5. , 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!!
  6. 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
  7. 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.
  8. 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?
  9. 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
  10. 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!
  11. 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?
  12. 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.
  13. 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; }
  14. Can someone provide the specific code for removing announcement bar from specific page in Version 7.0– Aviator family (Aviator template)
  15. 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.
  16. 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!
  17. 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
  18. 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.
  19. I need to Right or Left Justify the Announcement Bar Text. Please help! Thank you so much in advance for your CSS wizardry!
  20. 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?
  21. 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/
  22. I am trying to remove the underline from linked text in an announcement bar. Please help with some CSS! Thank you in advance!
  23. 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
  24. 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?
Γ—
Γ—
  • Create New...