Highlighted

iphone 5 version of Muse site not displaying properly?

New Here ,
Dec 06, 2018

Copy link to clipboard

Copied

The iPhone 5 version doesn't display content properly. It moves the hamburger menu to the right. It also doesn't display the footer and overlaps the text boxes.

Screen Shot 2018-12-06 at 12.30.25.png

iPhone 6 and other variants all work - below is correct display

Screen Shot 2018-12-06 at 12.30.42.png

Views

337

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

iphone 5 version of Muse site not displaying properly?

New Here ,
Dec 06, 2018

Copy link to clipboard

Copied

The iPhone 5 version doesn't display content properly. It moves the hamburger menu to the right. It also doesn't display the footer and overlaps the text boxes.

Screen Shot 2018-12-06 at 12.30.25.png

iPhone 6 and other variants all work - below is correct display

Screen Shot 2018-12-06 at 12.30.42.png

Views

338

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
Dec 06, 2018 0
LEGEND ,
Dec 06, 2018

Copy link to clipboard

Copied

Could you please zoom out considerably, so we can see the page and a big part of the canvas next to the page,  select all(!) elements (Cmd A) and make a screenshot?

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 06, 2018 0
New Here ,
Dec 06, 2018

Copy link to clipboard

Copied

There's nothing outside of the layout area

Screen Shot 2018-12-06 at 13.18.26.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 06, 2018 0
LEGEND ,
Dec 06, 2018

Copy link to clipboard

Copied

Could you delete everything from your .muse file except the page and the elements shown in your last screenshot, upload this small .muse file to Dropbox or a similar service and post the download link here? Then we can have a look.

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 06, 2018 0
New Here ,
Dec 06, 2018

Copy link to clipboard

Copied

Hi Günter. Is there a drop box on here? I have the file ready for you

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 06, 2018 0
New Here ,
Dec 06, 2018

Copy link to clipboard

Copied

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 06, 2018 0
LEGEND ,
Dec 06, 2018

Copy link to clipboard

Copied

1. You have a fixed width breakpoint at 380 px. This causes, that the elements on your page don’t resize, when the browser window is resized.

2. Between 380 px and 320 px nearly all elements are overlapping the page widths, what isn’t allowed at all! This causes the page to behave wrong. Please read this: https://forums.adobe.com/docs/DOC-8953

At breakpoint 320 px, which is – just like the 380 px breakpoint – wrongly(!) defined as a fixed width breakpoint on master page and a fluid width breakpoint on layout page you have many elements outside the breakpoint width.

What is even worse: Why a breakpoint at 320 px at all? Your minimal page width is defined as 320 px and at this position you have a breakpoint? Why a breakpoint, if this is you minimal page width? The breakpoint causes – simply nothing.

On your master page there is no accordion menu at breakpoint 320 px (accidentally deleted?), there is only a hamburger icon. And this is placed at the right edge of the page. So, not the iPhone moves this icon to the right, YOU did it. By the way: On master there are tons of elements placed outside the breakpoint width!

Look here:

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 06, 2018 0
New Here ,
Dec 06, 2018

Copy link to clipboard

Copied

Thank you soooo much. I've done lots of mobile sites before, I was obviously being a complete idiot putting the 320 breakwidth in!!!! Thank you for your time Günter, sorry to have made you so cross!!!!

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 06, 2018 0