Search the Community
Showing results for tags 'announcement-bar'.
-
Site URL: https://toledomosquito.squarespace.com/ Site: https://toledomosquito.squarespace.com/ P/W: toledomosquito -
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?
-
How do I make the announcement bar visible on only one page? -
announcement-bar Announcement bar different on one page
Ziggy posted a question in Coding and Customization
Does anyone have a way of changing the text and link in the announcement bar on a single page? Thanks! -
How do I make the announcement bar accessible?
jenthomson posted a question in Coding and Customization
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. -
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!
- 4 replies
-
- 1
-
-
- announcement-bar
- heading
- (and 1 more)
-
Site URL: https://chimes-aqua-fnp8.squarespace.com/config/design/custom-css Hello, I need code to center my Announcement Bar on all devices.
-
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. -
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.
-
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; } } -
Site URL: https://www.clubjerry.com Has anyone worked around this yet? -
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
-
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? -
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?
-
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? -
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
-
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
-
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
-
Announcement bar not appearing on mobile menu page
SusanMac posted a question in Coding and Customization
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; } -
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! -
How can I add Multiple Buttons to the Announcement Bar?
jackpopsicle posted a question in Coding and Customization
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. -
Announcement Bar Pushing Site Logo Down But Not First Section
Kaiyo posted a question in Coding and Customization
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. -
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
-
Announcement bar underneath the navigation bar
steven.li posted a question in Coding and Customization
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. -
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.
