Hi Fakhruddin,
Regarding your specific issue, are you using Firefox? I've noticed this doesn't appear to happen in Chrome, and I know in Firefox there's an option to "Zoom text only".
However, I understand you can't sit with all clients and make them check this box, and even though this is by design (basically, the assumption is that people who are having trouble reading may wish to have a more readable experience that fits within the browser), Liferay does allow you full customization, so you could remove it completely.
There are a couple of things you would need to do to completely remove responsiveness:
1. In your theme _diffs directory, create an empty file with this path:
_diffs/css/aui/responsive.scss
That will cover the responsiveness added by Bootstrap
2. To remove all responsiveness from Liferay, you would need to create a hook for /html/css/common/_mixins.scss
and inside of this file you would place:
Rebuild/redeploy your theme, deploy your hook, and now there shouldn't be any responsiveness being applied, either during zoom or on mobile devices.
I hope that helps
Regarding your specific issue, are you using Firefox? I've noticed this doesn't appear to happen in Chrome, and I know in Firefox there's an option to "Zoom text only".
However, I understand you can't sit with all clients and make them check this box, and even though this is by design (basically, the assumption is that people who are having trouble reading may wish to have a more readable experience that fits within the browser), Liferay does allow you full customization, so you could remove it completely.
There are a couple of things you would need to do to completely remove responsiveness:
1. In your theme _diffs directory, create an empty file with this path:
_diffs/css/aui/responsive.scss
That will cover the responsiveness added by Bootstrap
2. To remove all responsiveness from Liferay, you would need to create a hook for /html/css/common/_mixins.scss
and inside of this file you would place:
@import "mixins.portal";
@mixin respond-to($types...) {
@each $type in $types {
@if $type == desktop {
@content;
}
}
}Rebuild/redeploy your theme, deploy your hook, and now there shouldn't be any responsiveness being applied, either during zoom or on mobile devices.
I hope that helps