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

Muse Website Scaling

Community Beginner ,
Aug 23, 2017 Aug 23, 2017

Copy link to clipboard

Copied

Is there a way to make Muse launch the website at a certain scale such as 50% instead of 100% (zoom wise)?

My website was working fine till it launched on a different computer that had the scale different. I have been working to try to scale it no matter what size but nothing seems to be working.

Views

2.4K

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

Participant , Aug 24, 2017 Aug 24, 2017

hannaht29811232​ You must be doing something wrong because if you create a breakpoint the resizing/repositioning/hiding etc. you do for that breakpoint shouldn't carry over to the others.

After creating a breakpoint, check that the icon I've shown below is selected as such, the single T not the four Ts. This will ensure your changes are only occurring on the selected breakpoint.

DF35F7A4-7027-439E-83B8-C69F7DE0BF65-1867-00000BA642BB5500.jpeg

Votes

Translate

Translate
Aug 23, 2017 Aug 23, 2017

Copy link to clipboard

Copied

Hello hannaht.

Are you working on a fixed or a fluid (responsive) width site?

As far as I know, this only happens with a fixed width site, however, a fluid width site will scale itself according to the viewport of your site.

Please update so we can look into it further.

Regards,

Ankush

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 ,
Aug 23, 2017 Aug 23, 2017

Copy link to clipboard

Copied

Fluid Width is what I am working with.

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 ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

Now it starts to get a little boring . How about a link to your website with this issue?

Teach your client not to use 200% scaling for browsers, I still have no idea what this should be good for, really, I must say.

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 ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

Home

Here is the link to the website. It gets a bit tricky because on my mac it looks okay but on my coworker's who have PC's the page is still off and things are overlapping and off centered.

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
Participant ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

hannaht29811232​ I opened your web page in my browser fullscreen (1920px across) and it displayed fine, but as I shrunk the browser in elements overlapped and the website broke. You say you're using fluid width, but are you actually designing the site to be responsive and setting breakpoints where necessary?

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 ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

I might be misunderstanding how breakpoints work. I have looked at tutorials and have done my best. I might be doing the break points and dimensions wrong, however. Is there another way to go about this? Or do you have a tutorial that would be helpful? Is there a master page for what breakpoints I should be using?

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 ,
Aug 23, 2017 Aug 23, 2017

Copy link to clipboard

Copied

If users have set their browser to 200% I guess, there´s no chance to make the browser show it correctly unless with a fluid width site as ankushr40215001​ mentioned.

I had to teach this once to one of my clients, too.

But the height will never be shown "correct" of course. It only shows as you intend in width with fluid width websites.

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
Participant ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

hannaht29811232 I'm on my phone right now so can't copy/paste links easily, but have a search on YouTube for 'Adobe Muse responsive design', I'm sure there will be loads of tutorials, there is also an Adobe video introducing it within the Muse part of Adobe's website - it uses a 'pigeon scooter' website as an example.

As a basic rule though, breakpoints should be inserted when your site begins to break. For instance, if you have a 1200px width site that has a menu at the top, and a logo on the left of it, and as you drag in the menu begins to overlap at 800px, then that's where you would create a breakpoint, allowing you to resize/move/edit content to fit the smaller window. Similarly, if you had a web page with some images and text, and as you drag in you notice that at 1000px the image doesn't align properly, or the text looks out of place, you can create a breakpoint and then resize/move those elements. There is no set guideline for breakpoints, and many people use different techniques when using them, the best advice is to have a play and see what works. As a general rule though, building a site with fewer is always easier, and generally good practice would be to add one for common screen sizes - especially mobile - like the iPad's 768px width etc.

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 ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

I've tried playing around with breakpoints and it completely throws of the website. Mostly because if text starts to overlap and I shrink it down then it messes up how it should be at 1800px. Is the trick to not shrink anything down?

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 ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

Well you certainly did something "wrong".

This is the site after reducing browser width

Bildschirmfoto 2017-08-24 um 23.31.43.png

Icons are moving up as well as the SERVANT PARTNERSHIP..

This should never happen. Nothing should be outside the canvas any time.

Use the scrubber and watch out.

Bildschirmfoto 2017-08-24 um 23.36.39.png

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
Participant ,
Aug 24, 2017 Aug 24, 2017

Copy link to clipboard

Copied

hannaht29811232​ You must be doing something wrong because if you create a breakpoint the resizing/repositioning/hiding etc. you do for that breakpoint shouldn't carry over to the others.

After creating a breakpoint, check that the icon I've shown below is selected as such, the single T not the four Ts. This will ensure your changes are only occurring on the selected breakpoint.

DF35F7A4-7027-439E-83B8-C69F7DE0BF65-1867-00000BA642BB5500.jpeg

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 ,
Aug 31, 2017 Aug 31, 2017

Copy link to clipboard

Copied

LATEST

You have just saved me. I can't thank you enough.

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