Search the Community
Showing results for tags 'sidebar'.
-
Site URL: https://www.caminodelvino.co.uk Any reason why the Ghosts sticky sidebar code isnt working on Store pages for Squarespace 7.1? Any guidance would be greatly appreciated https://www.ghostplugins.com/steps/sticky-product-category-sidebar-styles
-
Site URL: https://www.anqi-wu.com Hello! I am currently using the Wells template and really like the fixed sidebar navigation. However, for some reason the bottom part of my sidebar is cut off on the screen. The social link icons which are suppose to be at the bottom of the navigation aren't showing. Example below: The only way to get it to show is when I resize my Chrome browser to 80%. Example: Is there a custom css code available to auto resize my website so nothing is cut off, or to be able to just resize the sidebar navigation (20% smaller) so that I can get everyt
-
Site URL: https://dachshund-dory-ba76.squarespace.com I'm building a site which uses three different blogs for various purposes. We use the sidebar in two of those but not on the third. What custom CSS can I use to hide the sidebar on the individual posts for a single blog. An example post is here: https://dachshund-dory-ba76.squarespace.com/offerings-details/leading-purposeful-conversations Password for the website is 'kyoto2019' -
Site URL: https://www.anqi-wu.com/ Hello, The hover on my social links doesn't seem to be working properly. When I hover over a social link, the other icons get greyed out versus the one which has the active hover. Is there some way to fix this issue using custom css? I'd like for the social icon button to turn grey when there is a cursor hovering over it, similar to how my other buttons are done. Right now it seems like it is doing the opposite. Thanks, -Anqi
-
Site URL: https://www.thepodcastinggroup.com The sidebar plugin is fine on all Index Pages (on the right side of the page), but appears to be centered with the rest of the page on every folder page. Any help is appreciated!
-
Site URL: https://www.anqi-wu.com/ Hello! For some reason I am having issues with figuring out how to fix this layout problem on my webpage. The newsletter block and my social links are overlapping on top of each other. Is there some sort of custom CSS code I can input to fix it? As well, an additional small minor issues if anyone knows how to fix, the spacing within my newsletter block is a bit off. I'd like for there to be less space between the text and the email input box if that is something that can be adjusted? The current template I am using for my webpage is Wells. I also -
Site URL: https://www.bloomboxus.com/what-we-do How do I custom code to change the "+ plus icon" sidebar menu for mobile navigation? Having a label of the "+" would also help - I've tried exploring other ways to do so, but it's hard to find the answer and/or support I am seeking for.- 1 reply
-
- 1
-
-
- sidebar
- bedford-template
- (and 1 more)
-
Adding a sticky side social media bar on Tudor template?
EbonyW posted a question in Coding and Customization
Site URL: https://polygon-eagle-lpf8.squarespace.com/config/design/styles I'm switching my blog from Wix to Squarespace, but I'm having a hard time customizing the homepage so that it replicates the current site. My main question is if it's possible to add a sticky social media bar like the one here: coze.online ? -
Site URL: https://mandolin-chipmunk-lrmk.squarespace.com/articles/carter-smith Hey all, I've got a problem that's keeping our website from rolling out. I'm using the Squarespace Sidebar Plug-in on the 7.1 template, which initially caused the images in blog posts to be pushed far outside of the image wrapper. I got a fix for that which is below: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper img { left: 0; } However, that fix causes images which are stretched to not show correctly. As you can see on the third and last images on the page, -
How to code a sticky sidebar into Squarespace 7.1
dudecctv posted a question in Coding and Customization
Site URL: https://howtousepsychedelics.com Hi, I would like to have a sidebar as seen on this website: https://coopcreator.ca/resource/business-model-comparison/. I would like the sidebar on only some pages... the pages with sidebars (see: https://howtousepsychedelics.com/preparation). How do I add a sticky sidebar to pages on 7.1? Thanks -
Hello, I would like to have a vertical menu instead of the top horizontal menu header, just like on the example bellow: Is there any way I can do it? Thank you! -
How to apply text styles on a JavaScript Code?
joaop2020 posted a question in Coding and Customization
Hello, I am using SquareSpace 7.1, and I wanted to have two vertical menu as you can see bellow: The left side menu in yellow I used CSS coding to place my navigation like that, which I can change the text color to different pages background. To create the 2nd vertical menu, I have followed the steps from this blog: https://ryandejaegher.com/add-fixed-vertical-navigation-to-squarespace/ Which tells me to Code Inject a JavaScript with #link to the pages, as you can see bellow: But now I want to apply styles to the text on the left side menu, s -
CSS HELP — Two 50% wide cols with sticky left col
MatthewTDC posted a question in Coding and Customization
Site URL: https://www.thedesignconference.com.au/best-agency-application Hey there gang. Im trying to use the SQSP code component to create a website section featuring two 50% wide columns. The left column features a h2 header, with the right column featuring four paragraphs of text. My goal is to use 'position: sticky' on the h2 header in the left column, to pin the h2 to the top of the browser while the user scroll through the section. — — — — — — — — — — — My CSS — — — — — — — — — — — .orb-questions-wrapper { display: flex; background-color: #FFF; -
Site URL: https://www.parkbrewing.company/products-attack-the-block I have four store pages, I call them "Collections:" Collection: Attack-the-Block Collection: Park Brewing Collection: Sask Rec. Collection: Dub-Dub! The issue I am having is when you are on one store page for example "Collection: Attack-the-Block". There is no navigation ability to switch between store pages. I would like to access the other three store pages "Collection: Park Brewing" etc. for example. I have done a number of edits to the {products.collection-content-wrapper .nes -
Does 7.1 support sidebar navigation like the Wells template. If not, is there custom css code?
-
How do i make my sidebar fixed after the main nav moves?
vincenthulme posted a question in Coding and Customization
Site URL: https://www.vincenthulme.com/ Hi, I have implemented this CSS (see below) to moved the sidebar to the left in the Wells Template but every time I click on the main menu it shifts down. What can I do so that gallery/image info doesnt move when I click on the main menu? .collection-type-gallery.hide-meta .meta { right: 0; bottom: 15px; left: 40px; width: 225px; max-width: 225px; background: auto; z-index: 9999; } Thanks! -
Site URL: https://www.wonderlass.com/blog/episode82 Hey there! 😊 Does anyone know of a way to add CODE to the BRINE template in order to add a sidebar to the blog posts? After lots of research, the only workaround that I found was creating a separate "blog" in the "not linked" section, putting the sidebar info + images in that blog and then adding it as a summary > wall block to each individual blog post. While this looks great on the desktop version, (for example: https://www.wonderlass.com/blog/episode82) it looks horrible on the mobile version since the sidebar shows up right sm
-
Curious if anyone has accomplished this cleanly, I want to set up a page/section that functions essentially identical to the squarespace support site: https://support.squarespace.com/hc/en-us/articles/206544057-Creating-an-index-for-recipes-or-other-content Essential a table of contents/ documentation type of layout for users to read through a large guide of how to do something! -
Site URL: https://robin-wolf-byn9.squarespace.com/config/pages/5f889213f20dd62eb5af0edb Hi, As you can see from the video I created a side bar made of a summary block, search box, archive, summary carousel and another summary block. What I would like to do is that the side bar follows along with with the blog post (to avoid having that blank space on the side). I would like to apply that only on the desktop version otherwise it would be a mess on mobile. I have a personal plan and I don't mind applying the code to every search bar, every archive block and every summary. I have them
-
Site URL: http://walrus-crow-g8y9.squarespace.com Hello, First off, the password for my site (since I'm still on the trial version) is: password1 I'm a little rusty on CSS, and I've had very minor success at trying to get what I want so far - basically, I just want the background color of the sidebar/header to be black, while the text will mainly be white. I've got something close to this already (though I haven't found the tags to make the text white yet), however it's not responsive when I switch to mobile display! I've tried fixing it by piecing together some CSS that I found, b -
Site URL: https://vhart.squarespace.com/ Hello, I am having trouble making a sidebar navigation menu look nice with CSS. @tuanphan helped me change the menu's background color, but I need further expert guidance on adjusting spacing and alignment if possible. I would like to customize the "Wells" template to make its sidebar navigation menu look like the "Supply" template's sidebar navigation. I've attached two screenshots to show the difference in the two templates. Do you know of a way to expand the "Wells" menu to make it fill the left column like it does on "Supply"? I wo
-
Site URL: https://www.vernhippensteal.com Hello, I am using the following CSS for a custom sidebar navigation menu: #headerWrapper header#header { height: 100vh !important; padding: 15px !important; /* change to anything you want */ } body.sidebar-position-left #headerWrapper { left: 0 !important; top: 0 !important; } #headerWrapper header#header { height: 100vh !important; } header#header { background: #402533; } What do I need to change or add so that the header does not take up 100vh on mobile? One scr
-
Site URL: http://www.jessicakobeissi.com/ Greetings, I am new, just started today. Spent the whole afternoon trying to get a side/horizontal scrolling site like Format website builder. Apparently, the only horizontal scrolling is by using slideshow reel? Can i put multiple images side by side to achive the same as reel? Reference: http://www.jessicakobeissi.com/ Also, the reel doesnt have spacing but i found the code to add it but the photos gets cut off at both sides of the arrow button. Once i have something like a reel from the reference site, i want to link to anothr -
Adding sidebar that only displays on desktop view
Samuel7 posted a question in Coding and Customization
Site URL: https://www.talkballuk.com/ Due to my template not allowing for the addition of a sidebar, I have manually placed content blocks to assemble my own. I only want the sidebar to show on individual blogs/articles. This 'manual sidebar' works great on a desktop view and tablet view - but works bad on mobile view, with all content being shifted to the bottom of the page. Is there a way that I can disable my makeshift sidebar for mobile devices? I've spoken to a Squarespace Expert and they informed me that the only template that has a built in sidebar, that disappear -
Site URL: https://tarantula-saffron-7tzp.squarespace.com/faith-clothing Hello! I would like to make the right hand sidebar that is visible on blog posts, sticky. While the blog post in the middle scrolls normally. Just like this page https://artclubinternational.com/Tobi-Lou. Thank you Password is Lunchbox20
