small bug with lightbox

Community Beginner ,
Aug 10, 2018 Aug 10, 2018

Copy link to clipboard

Copied

Untitled-1.jpg

   I found small issue regarding lightbox, whenever i scroll on mobile menu (landscape mode), close button also moves along with it and overlaps content part which looks shabby for a website. Even i want to hide scrollbar, please help me with it. Thanks in advance.

Views

406

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

LEGEND , Aug 10, 2018 Aug 10, 2018
I tested your .muse file and couldn’t see the issue in no breakpoint neither in Safari nor in Chrome.Since you are using an outdated version of Muse, I tried this version too, exported the HTML data and tried again – no issue visible.Nevertheless there is a layout issue:Are you aware, that the light box target (not the container(!)) is set to fixed width? It should be responsive width in this situation:The fixed width light box target causes the light box to overlap the page/breakpoint width at ...

Likes

Translate

Translate
LEGEND ,
Aug 10, 2018 Aug 10, 2018

Copy link to clipboard

Copied

Could you give us a small .muse file showing this issue? Can’t reproduce it here.

Upload a sample .muse file to Dropbox or a similar file sharing service and post the download link here. Then we will 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
community guidelines
Community Beginner ,
Aug 10, 2018 Aug 10, 2018

Copy link to clipboard

Copied

where is the dropbox?

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
LEGEND ,
Aug 10, 2018 Aug 10, 2018

Copy link to clipboard

Copied

Dropbox is a webspace, where you can upload/download file for sharing with others:  https://www.dropbox.com

You may use CC Files instead. Please have a look at this thread: https://forums.adobe.com/docs/DOC-8652

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
Community Beginner ,
Aug 10, 2018 Aug 10, 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
community guidelines
LEGEND ,
Aug 10, 2018 Aug 10, 2018

Copy link to clipboard

Copied

I tested your .muse file and couldn’t see the issue in no breakpoint neither in Safari nor in Chrome.

Since you are using an outdated version of Muse, I tried this version too, exported the HTML data and tried again – no issue visible.

Nevertheless there is a layout issue:

Are you aware, that the light box target (not the container(!)) is set to fixed width? It should be responsive width in this situation:

2.jpg

The fixed width light box target causes the light box to overlap the page/breakpoint width at a certain moment and causes additionally the content elements of the light box (close button, text box) to be pinned to the left and stay fixed width:

1.jpg

If you set the light box target to responsive width, the content elements will be responsive and unpinned too.

(Please note: It is sometimes a problem in muse to nest fixed width and responsive elements. Therefore I recommend to keep the content of the light box responsive as the target area is.)

Additionally I’d recommend to update to the newest and last version of Muse (2018.1), which solves some issues related to light boxes.

And: Please delete the 320 responsive width breakpoint. What should it effect? The minimal page width is 320 px too. So responsive movement below this isn’t possible.

Here a – hopefully – working version of your site without breakpoints: https://www.dropbox.com/s/glla2zbk7nipg3v/mobile%20menu%20bug%20sample_Mod.muse?dl=0

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
Community Beginner ,
Aug 13, 2018 Aug 13, 2018

Copy link to clipboard

Copied

LATEST

Sorry for late reply, Thank you very much for the help, bug is fixed

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