rharer
-
Posts
10 -
Joined
-
Last visited
rharer's Achievements
-
Thanks so much for your help!!
-
Ah, I think I see: I had broken the image CSS I had in there so the icons were gone for a moment. They're back now!
-
Can you clarify what you mean by “keep images”?
-
That’s the best I was able to do, however, even when I reduce the size of the image, it still appears at this size (too big, so the bottom is cut off in line with the text).
-
Take a look at this test page here: https://flugelhorn-opossum-4ese.squarespace.com/tesssstttt It includes a block with my current workings of this.
-
Hello, the site URL is https://flugelhorn-opossum-4ese.squarespace.com/ Here is my current text box (the instagram and twitter icons are images, in separate blocks), but ideally I'd like something to work in one block. I found one tutorial (https://insidethesquare.co/squarespace-tutorials/image-in-text) that was pretty straightforward, but resulted in poor sizing/scaling, and I couldn't correct it. I'm happy to use different images for Instagram/Twitter if needed, but wasn't sure if there was an easy fix. Thanks!!
-
tuanphan reacted to a post in a topic:
Set minimum width to switch to mobile layout (CSS)
-
Hello, I'm wondering if anyone has a solution to use small PNG images in line in text (in my case, to use as social links). See screenshot below: I'd love the Instagram and Twitter images to just live in the text box next to the word "HOME" and adapt as that text box does but I haven't found a solution yet. Also, I want to obviously make them links to my social sites. Any help is appreciated!
-
Set minimum width to switch to mobile layout (CSS)
rharer replied to rharer's topic in Customize with code
Thanks so much! This was helpful to play around with. -
Set minimum width to switch to mobile layout (CSS)
rharer replied to rharer's topic in Customize with code
Hi, I just published at temporary URL flugelhorn-opossum-4ese.squarespace.com Basically, I like the desktop layout of three almost-equal columns of logo, photo, text box, but as soon as the window gets smaller, the logo and photo shrink and the text box becomes tall and skinny. Instead, I'd love for it to have room to shrink a bit and then force it into the stacked mobile layout earlier, so we can avoid layouts like the attached screenshot.
-
Hello, I am building my site with three nearly equal sized columns: a logo, a photo, and a text block. It looks perfect in desktop view, and in mobile view, where the text block moves under the logo and photo. However, I am having a lot of trouble finding the right CSS solution to help define what happens between these sizes. The responsive design causes the text block to become long and skinny before stacking. Is there any code that can help me force the behavior once a minimum desktop size is reached (for example, on smaller computer monitors)?
