• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

242

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 Expert ,
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.

Votes

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

 

Votes

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

 

Votes

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.

Votes

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

Votes

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