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

Problem of my website (preview) when I change width

New Here ,
Jan 26, 2018 Jan 26, 2018

Copy link to clipboard

Copied

Hello,

Before exposing my problem, I wanted to apologize for my English, I'm a French guy.

So, my problem is about Muse (of course). When I preview my website in my "navigator" (Safari) and I change the width of the page, the website completely change.

I put some pictures to show you the problem :

The original website :

Capture d’écran 2018-01-26 à 16.09.34.png

And the problem when I change width :

Capture d’écran 2018-01-26 à 16.10.03.png

Thank you for your time !

Views

187

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

correct answers 1 Correct answer

LEGEND , Jan 26, 2018 Jan 26, 2018

Exactly that is the „art“ of creating responsive websites!

In simple words: In print design you have to place elements in a good looking way. In responsive web design you have to be aware that every element (and parts of it) reacts dynamically and influence the position of each other.

If you don’t want to be confronted with these difficulties, you should create a fixed width site with fixed width breakpoints. In this case you can layout, just as you are used to from print layout.

Your screenshots:

...

Votes

Translate

Translate
LEGEND ,
Jan 26, 2018 Jan 26, 2018

Copy link to clipboard

Copied

Exactly that is the „art“ of creating responsive websites!

In simple words: In print design you have to place elements in a good looking way. In responsive web design you have to be aware that every element (and parts of it) reacts dynamically and influence the position of each other.

If you don’t want to be confronted with these difficulties, you should create a fixed width site with fixed width breakpoints. In this case you can layout, just as you are used to from print layout.

Your screenshots:

If you have responsive text objects, they will shrink, when the browser window is reduced. The text within these elements doesn’t shrink, but flows into a new line. (It makes no sense, if the text size becomes smaller, when the browser window is smaller.

If you want  text size to get smaller: Use breakpoints.

If menu items overlap, use a breakpoint and place a vertical menu instead.

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
New Here ,
Jan 29, 2018 Jan 29, 2018

Copy link to clipboard

Copied

LATEST

Ok, thank you a lot ! I will try to fix my problem with your indications !

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