Hi,
I have this problem when me as a User I click to open the dialog window, the whole head of the page (menu and logo) moves a few pixels to the right.
How can I fix this?
See for example: https://www.couponsexplorer.com/curaly.php -> Click on 'VIEW CODE' and focus on the header of the page and see how everything moves when you open and close the dialog.
Thanks.
Clicking on dialog moves head of the page
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.quickandeasywebbuilder.com/f ... =12&t=1901
MUST READ:
http://www.quickandeasywebbuilder.com/g ... arted.html
Quick 'n Easy Web Builder FAQ
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.quickandeasywebbuilder.com/f ... =12&t=1901
MUST READ:
http://www.quickandeasywebbuilder.com/g ... arted.html
Quick 'n Easy Web Builder FAQ
Re: Clicking on dialog moves head of the page
When a dialog is displayed then then scrollbars will be hidden by the overlay. So, that is probably what you see.
The only way to prevent this is by forcing the scrollbar to be always visible.
The only way to prevent this is by forcing the scrollbar to be always visible.
Re: Clicking on dialog moves head of the page
Aw yes, I see now. How can I force the scrollbar to always be displayed?
Thanks.
Thanks.
Re: Clicking on dialog moves head of the page
You can do that by adding this code between the head tags:
Code: Select all
<style>
body
{
overflow: auto !important;
padding-right: 0 !important;
}
</style>
Re: Clicking on dialog moves head of the page
Can I add it as a feature request to be as part of the scrollbar settings?
Thanks.
Thanks.
Re: Clicking on dialog moves head of the page
This behavior is standard Bootstrap functionality, so I cannot change the way it works.
Normally, overlays will remove the scrollbars, this is by design.
But this workaround should override this.
Normally, overlays will remove the scrollbars, this is by design.
But this workaround should override this.
Re: Clicking on dialog moves head of the page
OK, thanks.
On the same note, do you think its possible that on mobile: when you open the dialog it won't drop you to the top of the page but will keep you on the same position you clicked the button?
Thanks.
On the same note, do you think its possible that on mobile: when you open the dialog it won't drop you to the top of the page but will keep you on the same position you clicked the button?
Thanks.
Re: Clicking on dialog moves head of the page
The position of the dialog can be controlled by the 'alignment' properties.
Bootstrap does not have an option to display on the same position as the button.
Bootstrap does not have an option to display on the same position as the button.