jesswp
Circle Member-
Posts
69 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by jesswp
-
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
-
It seems to be appearing in both places now? @tuanphan It also seems like it's cut off when viewing incognito mode.
-
Hey @tuanphan! Just wanted to see if you have an update for this by chance. Hope you are having a great weekend.
-
Yes @tuanphan!!!
-
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
-
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.
-
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.
-
@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.
-
We ended up going with a different design! Thank you anyway 🙂
- 34 replies
-
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!
- 34 replies
-
Reorganize Footer Elements For Mobile View
jesswp replied to ATV1992's topic in Site Design & Styles
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.- 17 replies
-
- css
- responsive-design
-
(and 2 more)
Tagged with:
-
Bullet points don't appear in the right place in mobile version
jesswp replied to RDette's topic in Customize with code
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 -
Reorganize Footer Elements For Mobile View
jesswp replied to ATV1992's topic in Site Design & Styles
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; } }- 17 replies
-
- css
- responsive-design
-
(and 2 more)
Tagged with:
-
THANK YOU!!!!! @tuanphan that worked perfectly.
- 11 replies
-
- custom-css
- images
-
(and 1 more)
Tagged with:
-
@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.
- 11 replies
-
- custom-css
- images
-
(and 1 more)
Tagged with:
-
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
- 11 replies
-
- custom-css
- images
-
(and 1 more)
Tagged with:
-
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
- 11 replies
-
- custom-css
- images
-
(and 1 more)
Tagged with:
-
Thank you @tuanphan! Re: #2 - similar to picture 1 (mobile). Except looking for text top, image bottom.
-
@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!!
-
OK I did that
-
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?
-
yes that's the correct order!
-
Change font size in announcement bar in mobile
jesswp replied to jesswp's topic in Customize with code
YES! Thank you so much!! -
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!