• 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 with the export (display) Muse CC

New Here ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Hello,

I have 2 problems with the display of my web site. When I preview my site in my web browser and I reduce the size of my page, 2 problems appear :

1) When I go to the right, my "top page" don't continue (the black rectangle up right) :

Capture d’écran 1.jpg

2) And I can't go to the left, and the contents of the page is just "cut" :

Capture d’écran 2018-03-11 à 19.29.36.jpg

On this example, I force the left to show you.

How can I change that ?

PS: My width is not responsive, it's fix.

Thank you.

Views

276

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 , Mar 12, 2018 Mar 12, 2018

Adobe Creative Cloud

This is your new file, if you want to follow my recommendations.

I changed some elements on master ( have a kind look at it) to have it responsive, using the scrubber.
You may have to change layout of course to your needs, but I guess you get the idea about using breakpoints and stuff.I left it for the moment as fluid responsive but you may change this as well to fixed width – it helps, organizing everything.

On your master I changed these issues but you have to change this to

...

Votes

Translate

Translate
LEGEND ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Without a muse no chance to help.

You could provide some screenshots as you showed from the browser, how that looks in muse design mode.

I guess, some elements are outside the canvas as soon as you use the scrubber?

Best Regards,

Uwe

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 ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Hello, in muse design mode, the display is "normal" for me :

Capture d’écran 2018-03-12 à 11.05.39.jpg

What is the scrubber ?

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 ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Bildschirmfoto 2018-03-12 um 11.21.03.png

Moving this shows you, how your page looks aproximately in browser.

You say: PS: My width is not responsive, it's fix.

You don`t use fixed width BTW but fluid width breakpoints.

Bildschirmfoto 2018-03-12 um 11.23.13.png

Now as soon as you move this scrubber, you may see the issues. From guessing: your elements are set to not resize or/and are pinned in wrong way.

If you can change this by yourself, go for it, if you have problems pass us your .muse.

To do this, delete all other pages except the one, shown on screenshot, safe it with a new name into your "Creative Cloud Files" and by right click on this, share that link with us.

Best Regards,

Uwe

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 ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Thank you, I don't think that I can do it, so I share my .muse.

You can find the project there : https://adobe.ly/2FFTvPZ

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 ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Adobe Creative Cloud

This is your new file, if you want to follow my recommendations.

I changed some elements on master ( have a kind look at it) to have it responsive, using the scrubber.
You may have to change layout of course to your needs, but I guess you get the idea about using breakpoints and stuff.I left it for the moment as fluid responsive but you may change this as well to fixed width – it helps, organizing everything.

On your master I changed these issues but you have to change this to your needs:

Bildschirmfoto 2018-03-12 um 12.28.56.png

Bildschirmfoto 2018-03-12 um 12.29.32.png

On your page, this was the problem.

Bildschirmfoto 2018-03-12 um 12.30.43.png

Changing it to fixed width it can look like this:

Bildschirmfoto 2018-03-12 um 12.45.29.png

Take care of this blue guides, you´ll see in the next breakpoint with the text box (Ichanged this as well to just a text box with no background layer – have a look at it ), that this stays in between the guides but the white ones expand too much. You have to change this as you need it for all breakpoints.

Bildschirmfoto 2018-03-12 um 12.45.39.png

Hope this helps for the beginning. Come back as soon as you need some more guidance.

Best Regards,

Uwe

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 ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

Thank you for yours helps !! I will try to take your advice to change my all website.

Thank you again !!

Raphaël K.

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 ,
Mar 12, 2018 Mar 12, 2018

Copy link to clipboard

Copied

LATEST

You´re welcome .

Best Regards,

Uwe

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