Muse and breakpoint issues

New Here ,
Apr 10, 2018 Apr 10, 2018

Copy link to clipboard

Copied

I am beyond frustrated with breakpoints. I cant even get a simple master layout of just navigation to appear correctly in any breakpoint. I have followed every tutorial available . How do you get a fixed and fluid breakpoint @ 765 without the 25px error appearing. Some1 please help

Views

494

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
community guidelines

correct answers 1 Correct Answer

Adobe Community Professional , Apr 10, 2018 Apr 10, 2018
You must add breakpoints step by step beginning from the widest at approximatly 1200 – you will see it like this (yes 1400 although you started with 1200 – because your design starts inside the 1200 guides in a fix width layout:Now you add the first breakpoint at 960 – it will end like this:You see the 1200 AND the 960 – keep the 1200 "active" and add a breakpoint with 768 with fixed width:Add a breakpoint with fluid width at 768 with fluid width:and set up minimum width at 320 (recommended):Add...

Likes

Translate

Translate
Adobe Community Professional ,
Apr 10, 2018 Apr 10, 2018

Copy link to clipboard

Copied

You must add breakpoints step by step beginning from the widest at approximatly 1200 – you will see it like this (yes 1400 although you started with 1200 – because your design starts inside the 1200 guides in a fix width layout:

Bildschirmfoto 2018-04-11 um 07.34.52.png

Now you add the first breakpoint at 960 – it will end like this:

Bildschirmfoto 2018-04-11 um 07.36.54.png

You see the 1200 AND the 960 – keep the 1200 "active" and add a breakpoint with 768 with fixed width:

Bildschirmfoto 2018-04-11 um 07.38.17.png

Add a breakpoint with fluid width at 768 with fluid width:

Bildschirmfoto 2018-04-11 um 07.39.37.png

and set up minimum width at 320 (recommended):

Bildschirmfoto 2018-04-11 um 07.39.55.png

Bildschirmfoto 2018-04-11 um 07.40.02.png

Additional it is recommended in fluid responsive design to finish your layout in the widest breakpoint completely (or as completely as possible) before adding the next breakpoint. The "technique"to add breakpoints is quite the same.

Your fixed width approach might allow to setup breakpoints before finishing layout in widest breakpoint.

Best Regards,

Uwe

Thanks Pavel Homeriki (couldn`t find your video tutorial fro the past)

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
community guidelines
New Here ,
Apr 13, 2018 Apr 13, 2018

Copy link to clipboard

Copied

Thanks for the help. At least now I know why I am frustrated. I followed directions exactly and I did get the mobile to appear with a ton of problems. I am using responsive widgets so I assumed they where not functional on a non responsive page. I decided to go with an entire fluid width design and got very close to what I am trying to achieve. The only problem was having to resize the page to fit properly which caused the footer and other widgets to go haywire...... Next question is it not possible to go back and edit previous breakpoints or delete breakpoints and or change BP size properties in fluid width design????

Completing my basic layout has been nothing but short of a rollercoaster ride. Calgon take me away or Someone be willing to share some insight please.

www.interstatetraiders.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
community guidelines
Adobe Community Professional ,
Apr 14, 2018 Apr 14, 2018

Copy link to clipboard

Copied

Sometimes it gets easier to handle these issues with "Copy Size and Position to" (or similar) :

Bildschirmfoto 2018-04-14 um 10.05.38.png

Of course you can go back and forth adding and deleting breakpoints but the hazzle won´t get smaller with this.

Not seeing your file in particular and not possible on weekend to do so, I recommend the following:

Choose section by section or element by element and put it on a new page for testing and alignment purposes.

Use the same breakpoints than you use on your "real pages". Set up sections or elements on the "test" page as desired and copy those elements and paste them onto the real pages.

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
community guidelines
New Here ,
Apr 17, 2018 Apr 17, 2018

Copy link to clipboard

Copied

LATEST

THANK YOU THANK YOU THANK YOU THANK YOU............

I CAN'T THANK YOU 2 ENOUGH.....

IT IS ALWAYS USER ERROR.

I WAS EXPORTING FONTS AS IMAGES; A MUSE NO-NO

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
community guidelines