Search the Community
Showing results for tags 'announcement-bar'.
-
How to make announcement bar format better on mobile?
Chris_Aileo posted a question in Coding and Customization
Site URL: https://www.barrykatz.com/ Hello, I have just created a new announcement bar on my site, and love the way it looks. My only issue is that it formats terribly on my mobile site (see attached photos). On mobile, the text gets condensed into one tall column, making the rest of the site pretty challenging to use. I'd like the mobile announcement bar to look similar to the desktop one. How can I achieve this? thanks! -
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? -
How to display today's opening hours
DigitalPharmacist posted a question in Coding and Customization
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! 🙏 -
Changing Color of Announcement Bar without Code
maisaguam posted a question in Coding and Customization
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? -
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
-
Site URL: https://www.kerrywilde.com/ Hi all, i am trying to find a clickable link to keep the announcement bar on my website. I ahve just transitioned from mailerlite to flodesk but am struggling to find a web link to add into Marketing settings. Has anyone cracked this code?! Any help greatly appreciated!
-
Announcement bar covering navigation on mobile website
kevinkanbee posted a question in Coding and Customization
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 -
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!
-
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!
-
I added in some custom coding: .sqs-announcement-bar:before { content:""; background-image: url(https://static1.squarespace.com/static/5f2364303585643acdb40436/t/5fb2c91df7db0b10ea3baddc/1605552413449/Courage+Matters+App+Icon.png); background-repeat: no-repeat; background-size: 40px; float: left; width: 40px; height: 40px; } However with this, I can't seem to get the image that I added to float centered and be on the same line as the text as opposed to pushed to the corner. I've included a screenshot for reference. Anyone have any tips?
-
Announcement bar not showing after adding fixed scroll
charben posted a question in Coding and Customization
Site URL: https://bidie.co Hey! I just added custom css to fix the header while scrolling. The announcement bar is now hidden on desktop - seems to be fine for mobile. Please can you help? Thank you in advance! -
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.
-
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? -
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. -
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 b -
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,
-
Site URL: https://cranberry-kale-kent.squarespace.com Hello! I am trying to customize my announcement bar but none of the codes work. I have attached the current code I am trying to use, which is not working. I have tried to change the color and not do animation, and change it to an image, but nothing with the .sqs-announcement-bar code is working at all. I tried to go under site styles and make it transparent and get rid of the original color, but that didn't work either. Help! Website password: thefontparty .sqs-announcement-bar { background: linear-gradient(99deg, #ff64
-
, 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!!
-
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
-
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.
-
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 -
Adding a Second button to the Announcement bar
holgenuine posted a question in Coding and Customization
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 -
Brine: Fixed announcement bar not clickable anymore
jilliansun posted a question in Coding and Customization
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 { -
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.
