Highlighted

Muse break points

Explorer ,
Nov 30, 2017

Copy link to clipboard

Copied

Why does my navigation go off the canvas when the screen size changes when I'm using break points? I was told I could pin it to the right but that didn't work.Capture.PNG

Views

266

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

Muse break points

Explorer ,
Nov 30, 2017

Copy link to clipboard

Copied

Why does my navigation go off the canvas when the screen size changes when I'm using break points? I was told I could pin it to the right but that didn't work.Capture.PNG

Views

267

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
Nov 30, 2017 0
Most Valuable Participant ,
Nov 30, 2017

Copy link to clipboard

Copied

who told you to pin it to the right? ... anyway the point is you can move the menu "in that smaller breakpoint" so that it is in a different spot than when it is in the bigger breakpoint

or to say it another way, each breakpoint is potentially its own design

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...
Nov 30, 2017 0
Explorer ,
Nov 30, 2017

Copy link to clipboard

Copied

My navigation seems to have a mind of its own. As I move the break point in

to the smaller size my nav stays the full size, and doesn't respond to the

break point at all if that makes sense.

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...
Nov 30, 2017 0
Most Valuable Participant ,
Nov 30, 2017

Copy link to clipboard

Copied

it makes sense if you pinned it yes

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...
Nov 30, 2017 0
Explorer ,
Nov 30, 2017

Copy link to clipboard

Copied

I removed the pin and it still didn't work. I used Manual in the menu type.

Could that stop it from working, because no matter what break point I used

the menu will not respond to it.

On Thu, Nov 30, 2017 at 10:16 PM, Ussnorway <forums_noreply@adobe.com>

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...
Nov 30, 2017 0
Adobe Community Professional ,
Dec 01, 2017

Copy link to clipboard

Copied

If I understand you right, you want the menu to behave responsive?

Bildschirmfoto 2017-12-01 um 10.00.32.png

Then you may see, using the blue arrow - flout options panel, the there´s a possibility to make the menu resize but only if the size is set to "even size" instead of even distance:

Bildschirmfoto 2017-12-01 um 10.06.26.png

If you look at this file, you may see two different menus and how they behave when you move the scrubber.

Adobe Creative Cloud

Bildschirmfoto 2017-12-01 um 10.08.34.png

Wether you use manual type or automatic type, this fits to both menu types.

BTW, the menu settings can be looked at on master-page

Best Regards,

Uwe

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...
Dec 01, 2017 1
Most Valuable Participant ,
Dec 01, 2017

Copy link to clipboard

Copied

dmshotwell@gmail.com  wrote

I removed the pin and it still didn't work. I used Manual in the menu type.

Could that stop it from working, because no matter what break point I used

the menu will not respond to it.

a manual menu widget has the same size and location options as the non manual... at this point i think the best way forward is to make a simple two breakpoint example site and share the .muse file so we can have a look at your design.

keep it to just the basics and place it in your cloud (or a dropbox)... to be clear, you want a menu that hugs the right hand side of your page?

p.s, you know that this text is being turned into an image because of the font you used... that is what the icon is telling you

Screenshot (260).png

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...
Dec 01, 2017 1
Explorer ,
Dec 01, 2017

Copy link to clipboard

Copied

My option is uniform size or uniform spacing, and neither work. When I use

the bar to go to a different break point my navigation jumps off the canvas

and stays the same size. I hope this makes sense!

On Fri, Dec 1, 2017 at 8:15 AM, ankushr40215001 <forums_noreply@adobe.com>

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...
Dec 01, 2017 1
Explorer ,
Dec 01, 2017

Copy link to clipboard

Copied

Yes I want it to hug the right side and be responsive. Here is a link to

dropbox.

https://www.dropbox.com/s/gjqcfzucbxkybm5/Website-3.zip?dl=0

Thank you for your help.

Debbie Shotwell

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...
Dec 01, 2017 1
Adobe Community Professional ,
Dec 01, 2017

Copy link to clipboard

Copied

For me it seems to be responsive and resizes quite correct until 768. At that point you should use a so called mobile menu.

This could be either a hamburger menu, triggering a composition or just another menu like you have it already.

You may watch your edited file here:

Dropbox - Website-3.muse

I changed this double arrow to "look" outside and the menu.

Bildschirmfoto 2017-12-01 um 22.50.32.png

Best Regards,

Uwe

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...
Dec 01, 2017 1
Most Valuable Participant ,
Dec 01, 2017

Copy link to clipboard

Copied

I agree with Uwe the design is the issue and we both change the menu in the smaller breakpoint to allow for more space... so ill add two points;

  1. i think you will need another breakpoint at about 400... unless you are happy to make your name icon smaller
  2. again (the text) is being turned into an image... you have it set to cover the top of your design and that extra bit (in red) will push your design outside the canvas

Screenshot (265).png

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...
Dec 01, 2017 1
Explorer ,
Dec 02, 2017

Copy link to clipboard

Copied

Thank you for your help!

Debbie Shotwell

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...
Dec 02, 2017 0