Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by thesoulfulentrepreneur

  1. @tuanphan yes correct 🙂 it already appears that way on desktop, by default.
  2. @tuanphan Yes so I had found this thread in which you provided a suggestion on how to achieve this look in the brine template on 7.0, I thought I would see if I could get it to work in 7.1
  3. @tuanphan yes, this occurs on the home (www.leadwithbliss.com) and coaching (www.leadwithbliss.com/coaching) pages (pass: leadwithbliss). You'll notice that the left/right vertical lines vary in position depending upon the section that they are in. Thanks 🙂
  4. Site URL: https://www.leadwithbliss.com Hello! I have added custom code to www.leadwithbliss.com (password: leadwithbliss), implemented in Squarespace 7.1, to overlay the mobile nav menu on the header banner image. I managed to achieve that with the following code: .header-display-mobile { position: absolute; z-index: 999; top: 0; left: 0; width: 100%; } However, I run into an issue upon scroll: the nav folder does not appear upon click of the hamburger menu (see attached screen shot - notice the 'x', indicating that the folder is open). I suspect I am missing something fairly obvious with respect to bringing that element forward using position/z-index values but I can't quite seem to figure it out. Does anyone have any suggestions on how to fix this? Thanks in advance for your help!
  5. @tuanphan back with a follow-up question. do you have any idea why the vertical line in the 'my approach' section of the 'coaching' page does not appear in the same position as the 'conscious coaching' section on the home page? I suspect it's because the structure of the elements in the block is different than all of the other sections I have added the vertical line to so where I added the code in the block is different. However, I figured I'd ask in case you have any comments. Is the only way to make the position match to add custom code for this section? The URL and pass have remained the same. The code I have added for this is: Code Block: <div class="vl-right"></div> CSS: .vl-right { border-right: 1px solid #000000; height: 800px; position: absolute; left: 110%; } [data-section-id="60d0e85e724ba127a9a08e7b"] .content-wrapper { padding-top: 0 !important; } Thanks in advance!
  6. Site URL: https://www.leadwithbliss.squarespace.com Hi! I'm working on the following website: www.leadwithbliss.squarespace.com Password: leadwithbliss I'm trying to add a full-height, vertical line within a section to achieve this look: So far, I have added the following code: Code Block: <div class="vl"></div> CSS: .vl { border-right: 1px solid #000000; height: 800px; position: absolute; left: 110%; } However, I'm stuck and cannot get the line to go to the top of the section: Any suggestions? Thanks in advance for your help!
  7. Hello! I am currently using the Mentor template in the Brine family. I would like to stack a logo directly above the nav menu, on the header banner image. Right now, you can see that the logo is centered above the nav, but it has a different background colour because it's against the background, not on top of the banner image. That is because the logo's position is "top center" while the nav's position is "bottom center". When I change the logo to "bottom center" and keep the nav at "bottom center" it looks like this, which isn't what I'm aiming for: Does anyone have any advice on how to achieve the desired result? Thank you.
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.