Highlighted

Mobile Site scrolling left

Community Beginner ,
Nov 12, 2017

Copy link to clipboard

Copied

Hi Muse lovers

Got a bit of a problem here.

So I have completed my website for my customer.

Instead of using breaking points I've used alternative layouts for the different devices which the website will preview on.

Now I don't know why but on the Mobile version when scrolling some pages scrolling like 200 pixels to the left showing the background which is a solid blank colour which looks ugly. When you land on the page it covers the screen as designed but, as soon as you scroll i moves to the left a little which shows the gap on the side.

I want it so that the mobile and tablet version no matter what only scrolls up or down, and only scrolling left right up down (all the directions) if he user has done pinch to zoom.

How do I solve this one guys?

I looked at your file. When you create a site with alternative layouts, you must select a fixed width layout.

33a4e5746f.png

The fluid width layout has a  problem with the viewport scaling when using fixed breakpoints in it. Reset your existing site will be more difficult than creating a new one with a fixed width and copying everything there. Do this and problems should not be. And do not use breakpoints at all if you are doing a site with alt layouts.

Views

246

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

Mobile Site scrolling left

Community Beginner ,
Nov 12, 2017

Copy link to clipboard

Copied

Hi Muse lovers

Got a bit of a problem here.

So I have completed my website for my customer.

Instead of using breaking points I've used alternative layouts for the different devices which the website will preview on.

Now I don't know why but on the Mobile version when scrolling some pages scrolling like 200 pixels to the left showing the background which is a solid blank colour which looks ugly. When you land on the page it covers the screen as designed but, as soon as you scroll i moves to the left a little which shows the gap on the side.

I want it so that the mobile and tablet version no matter what only scrolls up or down, and only scrolling left right up down (all the directions) if he user has done pinch to zoom.

How do I solve this one guys?

I looked at your file. When you create a site with alternative layouts, you must select a fixed width layout.

33a4e5746f.png

The fluid width layout has a  problem with the viewport scaling when using fixed breakpoints in it. Reset your existing site will be more difficult than creating a new one with a fixed width and copying everything there. Do this and problems should not be. And do not use breakpoints at all if you are doing a site with alt layouts.

Views

247

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 12, 2017 0
Guide ,
Nov 12, 2017

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...
Nov 12, 2017 0
Community Beginner ,
Nov 12, 2017

Copy link to clipboard

Copied

I have sent you the dwnload lnk for the file.

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 12, 2017 0
Guide ,
Nov 12, 2017

Copy link to clipboard

Copied

I looked at your file. When you create a site with alternative layouts, you must select a fixed width layout.

33a4e5746f.png

The fluid width layout has a  problem with the viewport scaling when using fixed breakpoints in it. Reset your existing site will be more difficult than creating a new one with a fixed width and copying everything there. Do this and problems should not be. And do not use breakpoints at all if you are doing a site with alt layouts.

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 12, 2017 0
Community Beginner ,
Nov 13, 2017

Copy link to clipboard

Copied

So you are telling me I should copy and paste the graphics from my file to a new website 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 13, 2017 0
Guide ,
Nov 13, 2017

Copy link to clipboard

Copied

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 13, 2017 0
Community Beginner ,
Nov 13, 2017

Copy link to clipboard

Copied

A simple copy and paste will copy all attributes and positioning? or do I have to do it in a different way?

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 13, 2017 0
Guide ,
Nov 13, 2017

Copy link to clipboard

Copied

Set up a new page with the same width and height. Copy page by page. In the old page, press ctrl + A, ctrl + C, in the new page, right click> Paste in place

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 13, 2017 0
Community Beginner ,
Nov 13, 2017

Copy link to clipboard

Copied

OK the typical way.

Will do it and update the post shortly.

Thank you Pavel!

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 13, 2017 0
Community Beginner ,
Nov 14, 2017

Copy link to clipboard

Copied

Sorry Pavel your solution didn't work.

That wasnt this fixed.

What fixed it was the actual text box.

As the site adjusted the width for the screen the text boxes were stick they weren't set to Responsive Width.

After making the box smaller than the set minimum width, and setting images (the ones that didnt have the setting) to Responsive Width solved the problem.

Thanks anyway

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 14, 2017 0
Guide ,
Nov 14, 2017

Copy link to clipboard

Copied

Hi. Provide this new file. And provide screenshots of the problem. If possible, please provide links directly in this topic, not in PM. Perhaps someone else from the community experts can help

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 14, 2017 1