Wrong presentation

Community Beginner ,
Jun 08, 2021 Jun 08, 2021

Copy link to clipboard

Copied

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

977B84C1-6730-44D3-B992-5E9A570D7A5F_1_105_c.jpegE6CB15C4-14B9-4367-B485-E6ACC1DD5DB1_1_105_c.jpeg

Views

175

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 08, 2021 Jun 08, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 08, 2021 Jun 08, 2021

Copy link to clipboard

Copied

our site is www.kino-rinteln.de

It's about the cell phone and Tablet view.

thanks

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 08, 2021 Jun 08, 2021

Copy link to clipboard

Copied

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">

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 08, 2021 Jun 08, 2021

Copy link to clipboard

Copied

LATEST

Thank you, that helped me a lot.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jun 08, 2021 Jun 08, 2021

Copy link to clipboard

Copied

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, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines