Mobile/Desktop issues

[pakal]

Hi, I have created the site "www.greenheartaromatics.co.uk".

I'm having an issue with it that I've had with several sites I've created and I'm not sure what I'm doing wrong.

It's in the translation between desktop & mobile and in particular alignment of large blocks of text with graphics placed in between paragraphs, if I align them on desktop, they come out out of line on the mobile and then vice versa. I am using the alternate views which i thought are excluisve though they seem to conflict.

On the site I have mentioned above it's the "ABOUT" page that is messing up.

Can you help?

PS. Love the program, I think it's brilliant at how accessible you've made it.

[prem]

Hi Pakal,

To set up the pages you will need to put ashampoo into the mobile layout setting.
Reading from your about page your text is rather large in the heading, so you will need to move those, one word per line. Moving these shouldn't affect your desktop view. You will also need to do the same for the main text, which may need moving over slightly further to the left. Then finding the right hand side of the box and close down to fit the mobile. You will also need to move the pictures across and probably rearrange them to fit your text. This will also mean the the page on the mobile view will need to be increased in length. For some ideas do view www.g0dcp.co.uk.

Hopefully that's helpful.

Best regards for the New Year.
Prem.

[pakal]

Thanks prem, apppreciated. Will do and I'll get back to you if any more problems.

[Frank]

Hi Pakal
I suspect you used long text paragraphs and tried to stick the images within spaces.. I know long text blocks are an issue because of the ways browsers interpret space. I would keep all text to short paragraphs... then place images between the paragraphs.
Cheers,
Frank

[pakal]

Jan 1, 2022 13:00:42 GMT Frank said:

Hi Pakal
I suspect you used long text paragraphs and tried to stick the images within spaces.. I know long text blocks are an issue because of the ways browsers interpret space. I would keep all text to short paragraphs... then place images between the paragraphs.
Cheers,
Frank

Hi Frank, yes, you're right. Rather than breaking up into paragraphs I've just used carriage returns to create spaces as you say.

I'll try creating individual text blocks as suggested.

Thanks for your input.

[Frank]

Keep us posted... I bet it will make all the difference. Stacking individual text paragraph gives the browser's space settings room... then allows you to place the pictures wherever you want and look great!
Good luck,
Frank