Inger wrote:
Those frameworks I mentioned are built into Site Designer, and they have had quite an upgrade since 2019. I see from the file you posted that you are using Frameworkless desktop-down.
When opening SD you get to a screen showing you a list of templates to the left. If you choose 'Blank', you will see the different frameworks/layout systems you can choose among in SD. If you then just cancel that screen, the program will open Frameworkless desktop down as the default with a standard 'startup-template. If you used that, or parts of that, to start your design, I can understand why you all of a sudden got the CSS grid system mixed in.
To avoid any premade template (if that is what you want), you need to select one of the ones available under 'Blank' on that first screen. Even if you select Frameworkless desktop down, it will come up empty, without the startup thingie.

Inger wrote:
Those frameworks I mentioned are built into Site Designer, .

Jim Cantrell wrote:


Have a slight problem when page is viewed on a mobile.
Can you have a look and see what needs doing please.

lifewithparkinsons.co.uk

Inger wrote:
If you mean that the image is a bit off to the right, that comes from the floating. I assume that you are still on Frameworkless desktop down. What I would do is, when narrowing the viewport to about 500px, I would place a breakpoint, and moving down beyond that breakpoint I would remove the float and set it to display flex instead.

In the attachment, I have edited the file Wayan posted in order to show you how that would be.

Inger wrote:
I have made a suggestion for your file in the attachment. Select the picture, and look in the style pane Dimensions and BoxSizing sections before and after the breakpoint.

Then I don't know how familiar you are with Flex. If you do what I suggested in my previous post, regarding flex instead of float for the viewport left of the breakpoint, you need to set the parent container to Flex, in this case, the 'container-1'. Select it and you can see the settings in the Display section, Layout tab in the style pane.