How to avoid media query conflict in Magento? The 2019 Stack Overflow Developer Survey Results Are InHow to get the top menu to the left on frontage on RWD theme?Is there any issue if I am using Magento RWD theme as it for my shopping website?How to update/customize/override Magento 2 css styles@media-common - Why do we need to use this?Getting Media Query to workTheme CSS not updating on media/css_secureGrunt less:theme fails @media-common is undefinedMagento media queries in platform-Responsive emailsCSS Conflict in Megamenu and default Magento navigation menuMagento 2 How to generate dynamic CSS?
Falsification in Math vs Science
Mathematics of imaging the black hole
If a sorcerer casts the Banishment spell on a PC while in Avernus, does the PC return to their home plane?
Why isn't the circumferential light around the M87 black hole's event horizon symmetric?
What is this sharp, curved notch on my knife for?
ODD NUMBER in Cognitive Linguistics of WILLIAM CROFT and D. ALAN CRUSE
Can we generate random numbers using irrational numbers like π and e?
Why doesn't UInt have a toDouble()?
Why didn't the Event Horizon Telescope team mention Sagittarius A*?
Ubuntu Server install with full GUI
What is the light source in the black hole images?
Can you cast a spell on someone in the Ethereal Plane, if you are on the Material Plane and have the True Seeing spell active?
Is it ethical to upload a automatically generated paper to a non peer-reviewed site as part of a larger research?
Accepted by European university, rejected by all American ones I applied to? Possible reasons?
How to display lines in a file like ls displays files in a directory?
How to type a long/em dash `—`
Did the UK government pay "millions and millions of dollars" to try to snag Julian Assange?
Are spiders unable to hurt humans, especially very small spiders?
Does HR tell a hiring manager about salary negotiations?
Can there be female White Walkers?
How did passengers keep warm on sail ships?
What is the most efficient way to store a numeric range?
Loose spokes after only a few rides
The phrase "to the numbers born"?
How to avoid media query conflict in Magento?
The 2019 Stack Overflow Developer Survey Results Are InHow to get the top menu to the left on frontage on RWD theme?Is there any issue if I am using Magento RWD theme as it for my shopping website?How to update/customize/override Magento 2 css styles@media-common - Why do we need to use this?Getting Media Query to workTheme CSS not updating on media/css_secureGrunt less:theme fails @media-common is undefinedMagento media queries in platform-Responsive emailsCSS Conflict in Megamenu and default Magento navigation menuMagento 2 How to generate dynamic CSS?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I'm writing the media query for our client site. I have started from iPhone 8 and used the below media query:
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
after completing the media query for iPhone 8; I have checked the front end and see that it looks good. However, the design seems collapsed after I wrote the media query for iPhone 8 plus. I have used the below media query for iPhone 8 plus:
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3)
Could anyone please help me to avoid this conflict?
Looking forward to your reply.
rwd less-css
add a comment |
I'm writing the media query for our client site. I have started from iPhone 8 and used the below media query:
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
after completing the media query for iPhone 8; I have checked the front end and see that it looks good. However, the design seems collapsed after I wrote the media query for iPhone 8 plus. I have used the below media query for iPhone 8 plus:
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3)
Could anyone please help me to avoid this conflict?
Looking forward to your reply.
rwd less-css
Might be this link useful for you devdocs.magento.com/guides/v2.2/frontend-dev-guide/…
– Kamlesh Solanki
Apr 8 at 12:01
add a comment |
I'm writing the media query for our client site. I have started from iPhone 8 and used the below media query:
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
after completing the media query for iPhone 8; I have checked the front end and see that it looks good. However, the design seems collapsed after I wrote the media query for iPhone 8 plus. I have used the below media query for iPhone 8 plus:
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3)
Could anyone please help me to avoid this conflict?
Looking forward to your reply.
rwd less-css
I'm writing the media query for our client site. I have started from iPhone 8 and used the below media query:
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
after completing the media query for iPhone 8; I have checked the front end and see that it looks good. However, the design seems collapsed after I wrote the media query for iPhone 8 plus. I have used the below media query for iPhone 8 plus:
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3)
Could anyone please help me to avoid this conflict?
Looking forward to your reply.
rwd less-css
rwd less-css
asked Apr 8 at 11:35
Magento vsmarttecMagento vsmarttec
34019
34019
Might be this link useful for you devdocs.magento.com/guides/v2.2/frontend-dev-guide/…
– Kamlesh Solanki
Apr 8 at 12:01
add a comment |
Might be this link useful for you devdocs.magento.com/guides/v2.2/frontend-dev-guide/…
– Kamlesh Solanki
Apr 8 at 12:01
Might be this link useful for you devdocs.magento.com/guides/v2.2/frontend-dev-guide/…
– Kamlesh Solanki
Apr 8 at 12:01
Might be this link useful for you devdocs.magento.com/guides/v2.2/frontend-dev-guide/…
– Kamlesh Solanki
Apr 8 at 12:01
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%2f269162%2fhow-to-avoid-media-query-conflict-in-magento%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%2f269162%2fhow-to-avoid-media-query-conflict-in-magento%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
Might be this link useful for you devdocs.magento.com/guides/v2.2/frontend-dev-guide/…
– Kamlesh Solanki
Apr 8 at 12:01