Search the Community
Showing results for tags 'sidebar'.
-
Left Side bar with anckor links • Squarespace 7.1
PoupeeFlash posted a question in Coding and Customization
Site URL: https://www.bobcat-bluebird-adgs.squarespace.com Hello, Do you guys got any custom code to add a left side bar with anckor links to a squarespace 7.1 website like in this example? : https://www.lepiceriedesenvirons.com/ Thanks in advance for your help ! N. -
Site URL: https://www.robertditty.com/ Just what the title asks. I want my sidebar to be thicker on my website. I'm using the Supply template and would like to make the sidebar roughly the same width as the sidebar on the Wells template. (There are other features of Supply I really like so that's why I don't want to change templates). I would like to increase the size of my logo as well if it doesn't automatically increase with the sidebar size. Thanks for any help you can provide! -
Site URL: https://www.jenellekappe.com/blog I added a sidebar to my blog page, but I would like some sort of separation between the two. How can I add a vertical line that runs the entire length of the page? -
Site URL: https://avedainstitutewinnipeg.ca/ Hi guys, where can I edit this side button?
-
Site url Hello kind people! I'm trying to implement a sticky side bar inside index sub-page with a jump-links that will be highlighted as you scroll to each section, I'm half way there and did manage to make the side bar sticky with help, but I don't know how to make the jump links change color as you scroll to the perspective section. Here's a perfect example of what I'm trying to do. Can somebody help me with this? Can it be done without javascript? My coding knowledge is pretty rudimental. Thank you!!
-
Site URL: https://www.hannahpark.work/pagecv-1 Hi, I would like to add a sticky section for anchor links to a long CV page. There are multiple sections (Education, academic record, etc.) in my one-page CV page, I want to have a section with sticky navigation links that will jump to these sections within the page. My website: https://www.hannahpark.work/pagecv-1 Password: 2022 I'm using Jasper Jin and Squarespace version 7.0 I saw that you might be able to do this with Brine template but I would rather not have to change my template. Thank you! -
Does 7.1 support sidebar navigation like the Wells template. If not, is there custom css code?
-
Adding floating social icons with vertical text
jeffratto posted a question in Coding and Customization
Site URL: https://duck-reindeer-bbak.squarespace.com Hello, Does anyone know how to add floating social icons with vertical text? I'm trying recreate the social links with the vertical "Follow Us" text and vertical line that is on the left side of this website: https://www.golivehq.co My website: https://duck-reindeer-bbak.squarespace.com Password: blow Thank you! -
Site URL: https://tulip-tiger-l3hf.squarespace.com/about-1 password: brineintopedro Hi! I am trying to create the left side navigation to be sticky, so as you scrolls it you scrolls with you. However, every code I find requires a section ID. When I use the SS ID finder, that text navigation I'm trying to make sticky is a "block", not a section. How do I work around this?
-
Site URL: https://www.wholelifesolutions.biz/blog/waffles-noodles-and-why-its-actually-a-good-thing-he-doesnt-give-a-damn-about-the-color-of-the-linens Hello, I am working on editing this blog and would like to have a sidebar on it, for all blog posts in the future. As you can see I have something up there that looks like a side bar, by how the elements are placed but I am not happy with it. One issue is that the title of the post remains fullwidth, which I can´t change by moving around elements. I wonder if someone can help me with some insight on what I can do to make a proper sidebar on it? Thanks!
-
Site URL: https://www.annameerson.com/ My website currently looks like this picture: and I wish for it to look something like this with the side menu on the left: I also wish to be able to change easily the typography of this new menu (the mobile version has very thick font in capitals and I wish for it to be less so) Thanks in advance -
Product pages sidebar nav not indicating which page is active
dross posted a question in Coding and Customization
Site URL: https://www.lewisrossignolart.com/ Hello all, I have had to jump through some pretty big hoops in order to set up the store to the clients specs. At some point, it would seem that the sidebar nav for the product pages stopped functioning correctly. When on a store page, the sidebar nav doesn't indicate which page you are on. In my css, I have some code to disable underline on the main menu nav. Instead, I've added some code so that when a page is active, the text has a strike-through. Ideally I would like this strike-through to work for the sidebar as well, but I'd settle for it just being underlined or bolded at this point. Any help is greatly appreciated. Thanks. The URL I provided is for the clients old site. The site I'm working on and referencing here is not live. -
Site URL: https://www.joleanna.com/the-blog/sydney-nicks-wedding-painting Hi, I'm trying to custom make a sticky side-bar for the side of my blog so that that when the reader scrolls the newsletter block, future summary blog blocks, and all that stays in view. Is this even possible on 7.0 Brine without an expensive plug-in? thanks a million
-
Navigation links and side bar menu custom font
nikkithebeat posted a question in Coding and Customization
Site URL: https://www.yourspotla.com/ Hi! I can't get my navigation links or the sidebar menu fonts to change to my custom font. I am using the Bryant Hill template. Here's the code I have currently: @font-face { font-family: 'MINT GROTESK BLACK'; src: url('https://static1.squarespace.com/static/5e02545d2127d914d2553ce0/t/615cfd73a41ef71314919c69/1633484148048/MintGroteskV1.1-Regular.woff'); } h2 {font-family: 'MINT GROTESK BLACK'; font-size:20px} h3 {font-family: 'MINT GROTESK BLACK'; font-size:30px} h1 {font-family: 'MINT GROTESK BLACK'; font-size:14px} .desc-wrapper>p:first-child>strong { color: white; font-family: MINT GROTESK BLACK, serif !important; letter-spacing: 1px } header#header *, footer.sections *{ font-family: 'MINT GROTESK BLACK'; font-size:20px;} .image-subtitle * { font-family: 'MINT GROTESK BLACK' !important; } .Header-nav--secondary .Header-nav-item *{ font-family: 'MINT GROTESK BLACK'; font-size:20px; } -
.thumb.jpg.3a081c1cef7d1bb21957ad1bccac5ae1.jpg)
Site URL: https://www.hunterbaoengstrum.la Hello, I've recently started building my site and have been looking at other sites for inspiration. I recently saw a site that also uses Wells manage to include spacing in between the pages in the sidebar (link here: https://www.nickmakanna.com/). I've been trying to figure out how to add this spacing for my own site's sidebar with no success. Is there some button that I'm missing or is CSS required? Thanks. -
Site URL: https://www.minaestudio.es/ Hello, I have a web with Wells template 7.0, in wich I only have the option of having a LEFT VERTICAL sidebar ( https://www.minaestudio.es/ ) I would like to change the position to HORIZONTAL TOP, like in Jasper template ( https://jasper-demo.squarespace.com/ ) Could someone tell me a CSS code to achieve it? Thank you very much!
-
Site URL: https://maracas-chiton-tz44.squarespace.com/ Hi! I'm wanting to install this third party plug in for a sidebar cart checkout which seems pretty straightforward. However what I need help with is being able to add a visible product count for the customer to see that automatically updates when they add to their cart. Here's a website example that shows what I'm referring to - you'll see it says "YOUR CART 0/8" in the side bar. Any way to add that functionality my squarespace site?
-
Site URL: https://www.yuwenwu.com/ Hi All, Could someone help me with the code to change my sidebar from horizontal to vertical? I'm in 7.0 Montauk and am hoping to change the Title and Navigation sidebar to look like Wells (vertical and left). Thank you! -
Site URL: https://www.brynsmith.com.au/about I'm using Version 7.0 with a Bedford template. My pages are under an index to create a single-page scrolling website look. The pages are all under the "Not Linked" section to avoid top bar navigation appearing. When I visit the website (brynsmith.com.au) everything displays fine. When I visit the website using a specific page url (brynsmith.com.au/about or brynsmith.com.au/contact) a sidebar navigation appears and disrupts the formatting, as well as cutting off the content other pages. How do I remove this sidebar navigation so that my formatting isn't disrupted and the content of the other pages is kept visible? -
Site URL: https://www.tribeandsol.com/shop Hi, I need help with the following for my site's https://www.tribeandsol.com/shop Make text in nav bigger and the width of the side navigation smaller example:
-
squarespace 7.1 does not support sidebars so adding text boxes with navigation links, but this is problematic due to stacking issues on mobile and other spacing problems. Is there a custom css or other method I can use to add side bars to select pages? Thanks.
-
Hello all, just wondering if there was a way to add a small sidebar or menu to only a few pages of the Brine template. My client wants an "intro" page with 6 categories, so when you choose one of those categories, I would like the others to still be visible on the page without having to go back to that intro page. Any suggestions? Thank you!
-
I am using the Hayden Template. I want to have a navigation within a navigation. Such that when you click a certain page on the top navigation bar the page it takes you to has another navigation on a sidebar to the left. So that all the main pages are still at the top, but once you are in this page you can go to all the subpages. I am attaching a screenshot an image that demonstrates what I want. I am not afraid to mess with custom code, so anything you have to offer really helps. Thanks.
-
Site URL: https://www.thisiscoin.com/ Hi gang, I'm super new to Squarespace and trying to figure out how to structure my site like COIN's website: https://www.thisiscoin.com/ Basically, I'm struggling to create a sidebar navigation menu that has a transparent background but is fixed on the left side as you scroll down. Appreciate any tips! Thanks!
-
Site URL: https://www.travelsandtreasures.com/home/no-need-for-the-hotel-pool-in-cinque-terre Hi!, I am trying to add a line for this side bar (which is a blog summary page added to one of the main blog posts). For the main blog configuration, I added this code in Post Blog Item Code Injection: <style>.sqs-block-summary-v2 {border-left:2px solid #ffffff} }</style> I also tried adding it to the blog summary Post Blog Item Code Injection. The sidebar does not show and I can't figure out why? Any idea or can you point me in the right direction. Thank you!
.thumb.jpg.3a081c1cef7d1bb21957ad1bccac5ae1.jpg)
