Website design collapse in android mobilesMagento Mobile SDK For Android and IphoneTo add information about...
Why do neural networks need so many training examples to perform?
How to deal with an incendiary email that was recalled
Why is working on the same position for more than 15 years not a red flag?
It took me a lot of time to make this, pls like. (YouTube Comments #1)
In Linux what happens if 1000 files in a directory are moved to another location while another 300 files were added to the source directory?
What's a good word to describe a public place that looks like it wouldn't be rough?
What happens to output if OPAMP its supply is tweaked?
Why publish a research paper when a blog post or a lecture slide can have more citation count than a journal paper?
Caruana vs Carlsen game 10 (WCC) why not 18...Nxb6?
Advice for a new journal editor
Publishing research using outdated methods
Cat is tipping over bed-side lamps during the night
How long is the D&D Starter Set campaign?
How can I get my players to come to the game session after agreeing to a date?
Can I string the D&D Starter Set campaign into another module, keeping the same characters?
awk + sum all numbers
Would a National Army of mercenaries be a feasible idea?
Strange Sign on Lab Door
Porting Linux to another platform requirements
Am I a Rude Number?
Cookies - Should the toggles be on?
What is the lore-based reason that the Spectator has the Create Food and Water trait, instead of simply not requiring food and water?
Can we use the stored gravitational potential energy of a building to produce power?
Dilemma of explaining to interviewer that he is the reason for declining second interview
Website design collapse in android mobiles
Magento Mobile SDK For Android and IphoneTo add information about the customer to a shopping cart in android using soap apiOwl Carousel Magento 2 not Fully ResponsiveMagento 2 styling / CSS not displaying in IE 9Magento 2 CSS Media Queries not working onIssue (BUG) with ios devices and Magento Mobile Theme HTML5how to connect android application with magentoMagento media queries in platform-Responsive emailsiPhone Compatibility checkMedia query conflict
We have written media query for android mobile devices which have the resolution (360x640) as below:
For portrait:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){
// Our code goes here
}
For Landscape:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
// Our code goes here
}
After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.
Is this because of media query syntax?
Below is the screenshot of the site in normal view:

Below is the screenshot of the site while opening keypad:

Please help me to resolve this issue.
css android
add a comment |
We have written media query for android mobile devices which have the resolution (360x640) as below:
For portrait:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){
// Our code goes here
}
For Landscape:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
// Our code goes here
}
After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.
Is this because of media query syntax?
Below is the screenshot of the site in normal view:

Below is the screenshot of the site while opening keypad:

Please help me to resolve this issue.
css android
Kindly attach screenshort
– Jordy S Chemparathy
55 mins ago
Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.
– Magento vsmarttec
43 mins ago
add a comment |
We have written media query for android mobile devices which have the resolution (360x640) as below:
For portrait:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){
// Our code goes here
}
For Landscape:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
// Our code goes here
}
After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.
Is this because of media query syntax?
Below is the screenshot of the site in normal view:

Below is the screenshot of the site while opening keypad:

Please help me to resolve this issue.
css android
We have written media query for android mobile devices which have the resolution (360x640) as below:
For portrait:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait){
// Our code goes here
}
For Landscape:
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
// Our code goes here
}
After we have written the media query as above, we have tested the output on a real mobile device. While we have checked it, we noticed that it looks good at first but when we open the keypad in mobile to type text in the HTML input-textbox, the website design is collapsing.
Is this because of media query syntax?
Below is the screenshot of the site in normal view:

Below is the screenshot of the site while opening keypad:

Please help me to resolve this issue.
css android
css android
edited 43 mins ago
Magento vsmarttec
asked 57 mins ago
Magento vsmarttecMagento vsmarttec
1729
1729
Kindly attach screenshort
– Jordy S Chemparathy
55 mins ago
Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.
– Magento vsmarttec
43 mins ago
add a comment |
Kindly attach screenshort
– Jordy S Chemparathy
55 mins ago
Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.
– Magento vsmarttec
43 mins ago
Kindly attach screenshort
– Jordy S Chemparathy
55 mins ago
Kindly attach screenshort
– Jordy S Chemparathy
55 mins ago
Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.
– Magento vsmarttec
43 mins ago
Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.
– Magento vsmarttec
43 mins ago
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "479"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f263973%2fwebsite-design-collapse-in-android-mobiles%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f263973%2fwebsite-design-collapse-in-android-mobiles%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Kindly attach screenshort
– Jordy S Chemparathy
55 mins ago
Attached the screenshots. Kindly have a look into the screenshots and let me know your thoughts.
– Magento vsmarttec
43 mins ago