BriRose

www.bmessinamyportfolio.com Hello, and thank you for taking the time to read! I'm having a bit of trouble figuring this out. I really want to take the text below these circular images on my front page and create a 'type on a path' effect like in the example image attached. combining the text and photo into a static image won't work because I already have the image itself in a circular frame, and having the text within that image may cause it to clip incorrectly. I do not want the text or image to be distorted. I'd also prefer for indexing and screen readers to keep the written content. There does not seem to be a design feature within Squarespace basic options to do this. I am currently using a text block underneath a circular framed image block. I already have the circular image block floating with a code keyframe animation, and would like to have them floating in unison- otherwise, having the image block 'parent' the text. I have vague ideas on how this would work but do not have the skill or understanding to implement it. What do you think, how would you go about this?

Not seeing portfolio link, tried editing. This is the front page, where the bubbles are https://www.bmessinamyportfolio.com

Hello, and thank you for taking the time to read! I'm having a bit of trouble figuring this out. I really want to take the text below these circular images on my front page and create a 'type on a path' effect like in the example image attached. Turning this into a static image won't work because I already have the image itself in a circular frame, and having the text within that image may cause it to clip incorrectly. I do not want the text or image to be distorted. There does not seem to be a design feature within Squarespace basic options to do this. How would you go about this?

@paul2009Thank you so much! This worked well, I'm such a dingus lol

Hello, and thank you for taking the time to read this. I just redesigned my logo page, and and very happy with the results (on desktop). When I visited the page on mobile, all of the image blocks are scrambled and out of order completely, which would make it very hard for the user to understand what's going on- least of all enjoy the way it looks. Here is the page https://www.bmessinamyportfolio.com/design/logos How do you think I should go about fixing this? Although the page was not as optimally laid out before, nor as enjoyable- it at least worked on mobile. Even if the horizontal groups cannot be preserved, I would at least like it to keep the order. Any recommendations? Really want to keep this layout for both mobile and desktop if possible.

@tuanphan Yes that would be amazing! I used this block in custom CSS but I find it only solves part of the problem, it helps but is not optimal. What do you think? @media screen and (max-width:767px) { [data-section-id="6140e11936382c6ed9594leb"] + section { min-height: 500vh !important; }

Site URL: https://www.bmessinamyportfolio.com/ Hello, and thank you for reading! I just switched over to Squarespace from another more simple site builder for my portfolio. I did this because I wanted to use custom animations and things the other provider would not allow. That being said, I am only weeks old to coding- and have very limited understanding. I've used code injections to spice things up here and there, but this particular issue evades fixing. I created my portfolio on a macbook. Everything looked great, mobile had a few issues in here and there with layout resizing I could live with- but I thought I was finished. I published everything, and had someone check it out. They have a large desktop computer. As soon as I saw them go to the landing page, everything was resized terribly. The background pic behind the text is enormous, and all the text looks much smaller. Notice how the landing page looks more cohesive and purposeful than the larger desktop form in the examples. I am not a fan of this resizing, does anyone have a fix?