Wrong presentation

Report · Jun 08, 2021

Hello together,

I have a problem. I wrote a new website with adjustable display sizes.

When I preview the page via the QR-Code, everthing looks good. But when I unlock the page online, it doesn't look like in the preview. I made a mistkae when transferiing it or another mistake in my code. I wrote the site on an Apple-Pc.

Here are also two photos of my problem

thanks

Report · Jun 08, 2021

The answer lies in the code. Please supply the link to your online site so that we can have a look.

Wappler, the only real Dreamweaver alternative.

Report · Jun 08, 2021

our site is www.kino-rinteln.de

It's about the cell phone and Tablet view.

thanks

Report · Jun 08, 2021

You are missing the viewport meta tag, see below, which should go in the <head></head> section of your pages code:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

insert it after your charset meta tag:

<meta charset="UTF-8">

Report · Jun 08, 2021

Thank you, that helped me a lot.

Report · Jun 08, 2021

In addition to what @osgood_ said, your site might work better if you replace this image with REAL HTML text styled with CSS.

Images of text cannot be indexed by search engines, screen readers or language translators which creates accessibility issues for many people. Also your current image is not responsive to fit smaller devices so it throws a horizontal scrollbar which does not look professional.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

Wrong presentation