-
Content Count
19 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
sticky information box on scroll
AThompson_social replied to AThompson_social's question in Coding and Customization
Here is the solution that a friend helped me out with. IT WORKS I see what you're trying to do. Position sticky is really cool but it can be very finicky sometimes. There are three main factors that need to be present when using position sticky: 1. The direct parent container holding the sticky thing needs to be as long as the area you want the thing to scroll. In this case, that would be the whole column next to your text. 2. The top offset has to be declared, to tell your browser how far away from the top edge it should stick the element. 3. -
sticky information box on scroll
AThompson_social replied to AThompson_social's question in Coding and Customization
@tuanphan -
sticky information box on scroll
AThompson_social replied to AThompson_social's question in Coding and Customization
This isn't quite what I'm looking for, rather than having something overlap two pages in an index, I'd like the box to stick to the top off the viewport once it arrives there -
AThompson_social started following Div ID Changes on Page Reload and sticky information box on scroll
-
Site URL: https://www.socialive.us/bcg-case-study Hi all on this page (password ccs) there is an informational box. When you scroll past the hero image i would like that box to stay fixed to the top as you continue to read the other information. I cannot, for the life of me, figure it out. Here are two other pages that have the function I'm looking for https://thirtyeightvisuals.com/blog/resources https://slack.com/customer-stories/zendesk
-
Avenue: Change block order on mobile?
AThompson_social replied to cakalak's question in Coding and Customization
@tuanphan -I have a question about how you target the row. So I have a hopscotch situation and am anticipating that I have to target each individual one. How do I find the ID that isn't YUI? or is there a way to flip the order of the text and image on only the odd rows? the use cases section of the homepage https://lettuce-grapefruit-bdsr.squarespace.com/ pswd: socialive- 66 replies
-
- avenue-template
- custom-css
-
(and 1 more)
Tagged with:
-
AThompson_social changed their profile photo
-
Banner not appearing on blog page. Using Bedford template
AThompson_social replied to JoeCricket's topic in Pages and Content
@tuanphan Any thoughts? -
AThompson_social reacted to an answer to a question: Switching the order of blocks for mobile
-
Switching the order of blocks for mobile
AThompson_social replied to AThompson_social's question in Coding and Customization
https://lettuce-grapefruit-bdsr.squarespace.com/ socialive- 14 replies
-
- customized
- mobile
-
(and 2 more)
Tagged with:
-
Switching the order of blocks for mobile
AThompson_social posted a question in Coding and Customization
I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive- 14 replies
-
- customized
- mobile
-
(and 2 more)
Tagged with:
-
AThompson_social reacted to an answer to a question: Brine: Nav to change color after scrolling past Hero
-
Brine: Nav to change color after scrolling past Hero
AThompson_social replied to AThompson_social's question in Coding and Customization
@lu.diehl Thank you so much! this is very helpful. the password is socialive Is there a way to change the color of the nav text instead of just the color of the background? And to trigger the site tile to change to a different version?- 17 replies
-
- brine-template
- scrolling
-
(and 3 more)
Tagged with:
-
Sticky or Freeze Nav in Rally Template
AThompson_social replied to KELBY's question in Coding and Customization
Header { position: fixed ; top: 0 ; left: 0 ; right: 0 ; } -
Sticky or Freeze Nav in Rally Template
AThompson_social replied to KELBY's question in Coding and Customization
this is what I put in and it works for me! /*sticky nav https://forum.squarespace.com/topic/142732-brinekeene-sticky-navigation/#comment-184292*/ Header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; } // fix mobile nav .Mobile-bar--top { position: fixed; top: 0; left: 0; right: 0; background: #173d56; } .Mobile-bar { position: fixed; z-index: 99999; } // move mobile overlay down .Mobile-overlay-menu-main { padding-top: 80px; } -
AThompson_social reacted to an answer to a question: How to control block stacking order in mobile layout
-
How to control block stacking order in mobile layout
AThompson_social replied to mrjack16's question in Coding and Customization
yay! glad I could help! Your site looks beautiful by the way -
mrjack16 reacted to an answer to a question: How to control block stacking order in mobile layout
-
Brine: Nav to change color after scrolling past Hero
AThompson_social replied to AThompson_social's question in Coding and Customization
@ThompsonWebDesign @paul2009 @lu.diehl @colin.irwin @ANI.agency If any of you have any thoughts on this, I would greatly appreciate the help- 17 replies
-
- brine-template
- scrolling
-
(and 3 more)
Tagged with:
-
Brine: Nav to change color after scrolling past Hero
AThompson_social replied to AThompson_social's question in Coding and Customization
@tuanphan So I can't get it to trigger a color change. the Page is an index so do I need to put the script in the header of each individual page in the index or just in the header of the index? i've tried both and I can't get it to work. In addition, even when using the script, I can't get the nav to be sticky to the top of the window. I have the nav sticky using the first set of css script in the header <script> // When the user scrolls down 50px from the top of the document, resize the header's font size window.onscroll = function() {scrollFunction()}; function scrol- 17 replies
-
- brine-template
- scrolling
-
(and 3 more)
Tagged with: