CooperWhite

At what point does putting this sort of blurb in the Help area just become completely ludicrous?

I reverted to the original code for that page. Does there need to be something that tells the current SVG (John) to be replaced with the alternate one (Lisa)?

What might be the CSS for just the timeline?

Thanks! Works great for me.

OK great! If you go to the page now, I've substituted the other SVG I want to use on that page. How can I make it be the same size as the SVG (JohnWeber) which is used everywhere else on the site? And thanks for the help!

Here's the link: SVG test You can see the current SVG by clicking on any of the navigation links. The replacement SVG in the page in question is the same size as the one used throughout the site. Note that when it's seen online, nothing is showing where the SVG should be. In the Squarespace work area, I at least see it small:

I should add that the URL in the code above was changed to an SVG image on my site.

I would like to change the SVG logo I'm using in the header to a different one on certain pages. I found this code: <style> header#header img { content: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png); } </style> That changes the logo, but the SVG comes in tiny on the page. I figure since using an SVG in general requires more in CSS than just replacing what's there, I'm obviously missing some code I need to use.

Thanks for the link. Very interesting. I thing there are a few issues with the Flex layout and mobile devices. In my situation, the iPad is actually showing the desktop version of the site due to the iPad resolution. And the iPad is being rotated to horizontal to view the site more like it looks in a desktop browser. So the issues discussed in the video are similar, but the pixel range (vertical dimension) given for the fix don't really affect the desktop version being shown in my situation (horizontal dimension). I'll keep investigating.

I've done a little more experimenting. The iPad is using the desktop version of the Squarespace site. If I use the Squarespace design area in Desktop view, the top section with the elements is 25 rows deep. If I shrink the whole browser/design window and make it the size of what I'm seeing on the iPad, the rows increase to 37. Also note how the grid size squares are different below the photo. The section seems to expand because of what is happening with the photo box getting larger: When I make that photo box smaller, I can then decrease the rows back to 25. This remedies the issue with the gap in the iPad viewing size. Except...in the full desktop view, the text box all of a sudden expands vertically: If I reduce the size of the text box back to where it should be, It reverses what I previously did with the photo box and the gap on the iPad is back to where I started. Something goofy must be going on with how the Flex areas and content are reacting to different screen sizes. Maybe if there was a way to not have the bounding box of the photo expand so much, it might not throw the rows off so much.

On a phone, yes. The example screenshots with the weird space above are from an iPad. There the space changes. Unfortunately Squarespace shows us the option of what sites look like on a small mobile device, but not an iPad.

I set up a page where 2 sections are stacked. The top one has an image and text blocks. The bottom on has a gallery. On a desktop browser these sections are close together without any extra space. Which is what I want. But on some mobile devices (an iPad) the space between the sections gets a lot larger. Is there a way to control this? I see the area which seems to be the issue, but I don't know what code would work. I don't see any padding info when inspected. Thanks for any advice. http://tinyurl.com/yumdys6v

Submitted. Let’s see if and when it gets fixed.

I have not, but I will. I wanted to make sure others saw it as well.

Why does the CSS window when chosen to "Open in New Window" now get limited to a small window size? It used to be that if the window were expanded, the code would flow to the new size. Now it seems to be limited to the original window size when the option is first chosen. I've tried this in multiple browsers with the same result. So now on a large monitor we're limited to basically a laptop size window? Really fun with a lot of code. Is this a bug or a "feature"?