Jump to content

jesswp

Circle Member
  • Posts

    69
  • Joined

  • Last visited

Everything posted by jesswp

  1. Hi @tuanphan It still seems to be cutting off unfortunately when I am in incognito mode. See video attached! Screen Recording 2022-09-08 at 10.58.09 AM.mov
  2. It seems to be appearing in both places now? @tuanphan It also seems like it's cut off when viewing incognito mode.
  3. Hey @tuanphan! Just wanted to see if you have an update for this by chance. Hope you are having a great weekend.
  4. Hi @tuanphan (or anyone else that can assist!) I am wondering if you can help me move the Weglot translator to my secondary nav where the green bar is instead. Right now it's positioned right next to the CTA button in the primary nav. I am in Fluid Engine. Thanks! https://flute-herring-aws3.squarespace.com/ pass: art
  5. Yes. Essentially how I have everything right now just moving the nav header under banner on home page. Id still like the header logo to shrink as they scroll. Thanks!
  6. Hi again @tuanphan: I am looking to set an image behind a text box and was wondering if this is achievable? See attached image. https://collie-blue-teb7.squarespace.com/about Thank you for your help.
  7. Hi there @tuanphan @bangank36, Got a little lost in this thread. I am trying to implement something similar for a client's site where the header nav is below the hero banner JUST for the home page. Is this doable? https://collie-blue-teb7.squarespace.com/home attached image for what I'm trying to achieve. Ideally Id like to keep the scroll action where the logo is smaller when scrolling. Thank you for your time and attention.
  8. @tuanphan This has been a helpful thread. I am looking to do something similar with 7.1 Blog page width. What would you target for JUST the blog list (basic blog grid), and not the other sections below (i..e freebies, etc.) https://haddock-cow-8ae7.squarespace.com/ pass: coach This is what I have so far but it's targeting the entire page. /* Main Basic Grid - Page Width */ @media screen and (min-width:768px) { .collection-type-blog-basic-grid.view-list main#page { width: 75%; margin-left: auto; margin-right: auto; } } Thank you very much in advance.
  9. We ended up going with a different design! Thank you anyway 🙂
  10. Hi @tuanphan, Do you mind helping me reorder the blocks for the services page for mobile? I'd like each section to go: image title + description accordion button https://haddock-cow-8ae7.squarespace.com/ pass: coach thank you!
  11. Hi! There is still odd spacing on mobile .. probably because I use the "space bar" in between nav items on the desktop site. Is there a way to make it look spaced out on desktop but not spaced out on mobile but have it centered.
  12. Hi @tuanphan - is there a way to fix this for image card as well for bullet points? https://plum-ocelot-fakz.squarespace.com/ pass - spine
  13. Hi @tuanphan! Any suggestion to line this up? https://plum-ocelot-fakz.squarespace.com/ pass: spine I tried the below.. /* Mobile footer links */ @media screen and (max-width:767px) { div#block-bd09f58bfc07aae9ce64 h4 { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; text-align: center important!; } div#block-#block-bd09f58bfc07aae9ce64 a + strong { display: none; } div#block-#block-bd09f58bfc07aae9ce64 a { display: block; margin-left: 10px; margin-right: 10px; } }
  14. THANK YOU!!!!! @tuanphan that worked perfectly.
  15. @tuanphan I am using a text block to showcase the title so those are already showing on mobile (see image). The poster image block isn't showing at all on mobile - wondering if it's possible to show just the image, no description or roll-over flip.
  16. Hey @tuanphan, thank you. It ended up looking like this with backward text displaying on the image ... Is it possible to just have the images showing, no flip? I think that'll be easier and more user friendly on mobile/tablet. Thanks! Screen Recording 2022-01-01 at 7.38.15 PM.mov
  17. Hi @tuanphan @creedon I currently have the image as poster blocks and when hovered, it flips over to text image card. Obviously this isn't good design for mobile. I'm wondering if there is there a way to switch eliminate this and have the image stacked on top of text like how it would normally? Home page: https://violin-salmon-ljp3.squarespace.com/ (pass: massage) This is what I have right now in CSS /*Rollover images ICA*/ section[data-section-id="61c2418ff128ce7319b1cb48"] { @media only screen and (min-width:640px){ .design-layout-poster img{ transition: 1s} .design-layout-poster:hover img{transform: rotateY(180deg); transition: 1.5s} .image-card-wrapper{transform:rotateY(180deg)!important; opacity:0; transition: 1.5s;} .design-layout-poster:hover .image-card-wrapper {opacity:1!important; transform:rotateY(0deg)!important; background: gray; transition: 1.5s;} } } Screen Recording 2021-12-29 at 12.48.59 PM.mov
  18. Thank you @tuanphan! Re: #2 - similar to picture 1 (mobile). Except looking for text top, image bottom.
  19. @tuanphando you mind also doing the same on this page! vanityskinclinic.com text (treatments) -photo - text (shop) - photo With regards to hero banner and the intro section, do you know why the image/background aren’t splitting properly despite using the same CSS? (See attached). I’m looking for the “about” section to match the hero on mobile. Thank you so much!!
  20. So I was using multiple spacer blocks to split up the content (left column text / middle spacer / right column text + playlist). I can't add a line that goes under all 3 spacer blocks/columns. I added a line on top of the playlist but do you need a line all across?
  21. Hey @tuanphan! Looking to swap order for a few of the blocks... do you mind helping? https://snail-sprout-zgz3.squarespace.com/about pass: workout Black section towards the middle/bottom -- Looking to swap picture #2 with "get ready to bounce on". Order should go photo #1, text, photo #2, "text, "title header: get ready to bounce", spotify playlist. Thanks so much!
×
×
  • 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.