Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'parallax'.

  • 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
    • 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

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. Hello, I have parallax enabled for a banner image (which I like). However, on mobile, scrolling down the page looks very jittery. I'd like to disable parallax on mobile altogether, while leaving it functional on desktops. How can I do that? I've tried injecting the following code into the page header, to no avail: @media screen and (max-width:640px) { .parallax { background-attachment: inherit; } } Thanks, Joe
  2. Site URL: https://pepper-buffalo-5bc8.squarespace.com/creative I'm using Sonora and like a lot of the template but on a few pages, I'd like to be able to have full-bleed images of fixed proportions instead of the parallax reveals that the "banner" feature seems restricted to do. Is there a workaround?
  3. Been trying to "work" the parallax option for an hour only to discover after some frustration that the new update does not support it. Please tell me this is false. Unless, is there another way I am unaware of? Such a shame Squarespace. Taking out one of the best aesthetic features (in my opinion) and honestly the only reason I used Squarespace in the first place. Seems as the company are adding more restrictions deliberately to make them less unique from their competitors. Great. Edit: Have decided to switch from this platform. Screenshot.mp4
  4. Site URL: https://www.orcasoundproject.com/ Hello, How can I add parallax scrolling on Squarespace 7.1 on specific images? I have tried different codes but none of them seem to be working or they have minimal impact, you can barely notice it. I would like to have the effect of totally scrolling through it like in this example on the header image: https://www.recyclerebuild.org/spotlight Thanks!
  5. Site URL: https://interiorsbydesignco.squarespace.com/ Hi, I've recreated a clients site from 7.1 to Brine in 7.0 so that they can have a parallax background image with scrolling text. I've added anchor text links to jump to text block and used spacer block and also carriage returns to get the positioning right. I want to stop the banner image to scale beyond the edges, so that the background image is always 100% of its width. Is this possible? To view the site: https://interiorsbydesignco.squarespace.com/ interiorsbydesign Now that I've added
  6. Hi ! I was wondering if there is a way to create overlapping section rather than background. Something similar to parallax effect but for entire section content not just its background. For example, I want as I scroll down section 2 to cover section 1 (both background and text) rather than only covering the background. Currently, I am using the parallax code from https://schwartz-edmisten.com/blog/how-to-add-parallax-to-squarespace-7-1 I really appreciate your help! @tuanphan
  7. Site URL: https://roncosta.com Does anyone have any good css/javascript code to get the parallax effect on 7.1? The one I'm using used to work great but now the main header of pages are flickering when you're scrolling up/down using a web browser. This is the code injection I'm using right now: <script src="\[https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\](https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js)"></script> <script src="\[https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js\](https://cdn.jsdelivr.net/npm/
  8. Site URL: https://ellipse-rhubarb-cnfw.squarespace.com Hi everyone, Really frustrated by this one, been trying for ages tonight - hopefully someone can help! I'm looking to change the padding on a single element of the homepage - the section that says 'Colour of the month', so I can have the smaller text row appear closer to the bottom of the module than the global padding settings. What custom CSS can I add to target just that single element's padding? I've successfully targeted block-yui elements in other parts of the site, but seem to be struggling as this is a parallaxing
  9. I have an index page where i want the parallax effect on all the pages inside of the index except one. I am trying to disable the parallax effect on one specific page inside. For better context I am looking to have a background image that is the width of the page and does not have the parallax scroll. I tried using css to use a background image instead but it does not work. An example of what I am trying to achieve attached.
  10. Hi guys! I've seen a few websites with parallax scrolling on one of their pages and then the next page below is enabled. I think that's such a cool feature that I would love to implement. I searched the web for a long time to try to find the code for this but I just got this link https://blog.alexgittings.com/disable-parallax-on-one-squarespace-page/ with a code, but I have no idea where to put the code as it's poorly described. THIS IS WHAT THE ARTICLE SAID: To do this you will need to inject a script into the page. Navigate to the page cog and select advanced and enter the
  11. Site URL: https://www.elevateptr.com/ Hi - does anyone know how I can adjust the custom code injected into my footer so the parallax code targets the first image on my homepage? Would it be block specific? If not, can anyone help me with the code to make a background image look good on mobile? I left this main image as an image vs. a background as I added css so on a mobile view the image shrinks to fill the screen. Thank you!
  12. Site URL: https://gardenia-cyan-txbg.squarespace.com/ Hi, I have a fixed split section on my site 7.1 and I added some css to add parallax on my images, I am having an issue with one where its not showing fully and there is a white space where it shouldn't. Any ideas? https://share.getcloudapp.com/2Nuyw0Rg https://gardenia-cyan-txbg.squarespace.com/ password: feel2020
  13. Site URL: http://www.pantryphilosophy.com My site has parallax effect but it needs an arrow to indicate there is more content below the banner image. I would like this arrow to allow users to jump to the next section.
  14. Site URL: https://ro.co/ How do I create a website like this https://ro.co/ on squarespace new version? HELP
  15. Hi, Is there any CSS coding or code injections for parallax scrolling in 7.1? Thanks @tuanphanor anyone else?
  16. Site URL: https://oleander-wedge-k254.squarespace.com/ Hi there, I'm trying to add parallax scrolling into my site using the below code I found on a YouTube tutorial. Even though we've got the - height: 100% - bit in there ... 1. the background images only take up the top portion of the container on certain screen sizes 2. my foreground images come out HUMONGOUS on mobile (this is secondary and seems like a separate issue) Any advice on how to use parallax but keep the background images filling the height of the container in any viewing format? Thanks so much!!
  17. So I've asked the "Customer Care" team a few times about this issue. Site scrolls fine on desktop but on mobile it is choppy and jumps up and down as you go by different content. I've tried experimenting with parallax content on and off and other things, but it still happens. And quite frankly, just turning off parallax wouldn't be a "solution" really. So the answer I always get is, "We're aware of this, but no ETA on a fix." That's just not acceptable. So I'm posting this to see if anyone has had any success with any hack to improve how jumpy things are on mobile. We predominantly use Son
  18. Site URL: https://yelvy.com/ Hi guys, I found this cool site: https://yelvy.com/ and I love how the images seems to stretch out and give the effect of multiple images stacking ontop of one another for a moment as you scroll. I've been trying on my own to figure out how to do this is Squarespace. Is it possible? The site seems to be using "scroller-wrapper." Does anyone know some CSS I could use to mimic this exaggerated effect on some product images I have on my site? I have tried playing around with 'transfrom:translate3d' and searching parallax injections but I'm still pretty ne
  19. Site URL: https://earthlycraft.co Hello! So i'd really like to implement the multi speed parallax styles available in rellax.js; https://dixonandmoe.com/rellax/ Anyone had any success with this? I found some guidance within https://www.minimist.ca/articles/variable-speed-parallax-effects-in-squarespace, but no matter what i do to the inline code nothing seems to change Thanks! Joe
  20. Site URL: https://joannapaolaart.com On my mobile site, it won't show the banner video that plays on desktop. It shows the mobile fallback image instead. Is there any way to get the video to play on mobile? OR a way to have a gallery slider there instead? Thank you!
  21. Site URL: https://www.mellymooneyes.com/ Hey Guys! I've seen a lot of similar posts on here so I apologize if the answer has appeared because I still haven't seen one that works. Is there a code to insert to make your banner parallax images smaller on mobile? I don't care if it disables the parallax function on mobile, I just don't want it to cut off SO MUCH of the visual field of the image. My site isn't active yet so here is what I'm referring to. The lion image is on my homepage and the other image is on another page for reference both pages are index pages.
  22. Site URL: https://wellwater.life Urgently need your help, I've been trying to figure this out all day! How do I make it so that this photo doesn't have this white space on the left and below? This photo is a part of an index and I want to make it as seamless as possible. I've tried various coding suggested throughout the forum For example: div#abouthome-1.page-content { padding-top: 5px; padding-bottom: 5px; } But it doesn't seem to do anything on my page, maybe I'm getting the name wrong?? I'm not very familiar with coding unfortunately. It's also strange beca
  23. Site URL: https://roland-richarson-v1.squarespace.com/ Hi, I'm using index banner function that I enable parallax for the pages - on the site's Artist page I'm encountering problems with parallax when I view it on my phone When I'm scrolling, there's this grey strip bit that shows under the banner image, especially when I scroll back up It doesnt show with the in-build mobile viewer, only on the actual phone screen and the top banner of a page doesnt have that problem throughout the site. Is there any code to remove that part? or tweak it? Thank you
  24. Site URL: https://www.christcathedral.org/ My site was built with some custom features in the header on each page (by a hired coder), I would like to switch to parallax scrolling but I am afraid of what it might do to those features (I am not a coder). Can someone look at my site and give me some advice? Thanks in advance!
  25. I want to have a clean canvas: no header, no footer, no banner image or site title. I'd also like to be able to change the color from white. This page offers instructions on how to remove the header and footer. It worked for me. http://answers.squarespace.com/questions/24905/hiding-header-and-footer-on-marquee This page offers three different sets of instructions on how to remove the banner image and site title. None work for me. http://answers.squarespace.com/questions/34666/marquee-how-to-remove-bannersite-title-from-one-page-only Maybe I'm adding the code incorrectly? I tried adding the
×
×
  • Create New...