Highlighted

Problem of my website (preview) when I change width

New Here ,
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 !

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.

Views

89

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

Problem of my website (preview) when I change width

New Here ,
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 !

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.

Views

90

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
Jan 26, 2018 0
LEGEND ,
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.

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
Reply
Loading...
Jan 26, 2018 0
New Here ,
Jan 29, 2018

Copy link to clipboard

Copied

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

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
Reply
Loading...
Jan 29, 2018 0