Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Elements behaving differently on mobile device than on desktop

Posted by: Jeanette94 Jun 21 2017, 01:45 PM

Hello,

My site has been out for some time now and I didn't notice this problem until now.
When viewing my site on desktop and resizing the browser to the size of a mobile device everything looks great,
but when viewing my site on an actual mobile device some of the elements changes size and position.
Could I be doing something wrong? All help is much appreciated. My website is www.esigaretten.no

Posted by: Christian J Jun 21 2017, 04:34 PM

QUOTE(Jeanette94 @ Jun 21 2017, 08:45 PM)

the size of a mobile device

Today's mobile phones sometimes have the same resolutions as desktop monitors, so maybe only your widest min-width: 1024px media query is used (even in portrait mode)? You might test this in your phone with different CSS colors in each media query rule.

QUOTE

when viewing my site on an actual mobile device some of the elements changes size and position.

Which elements, and in what way? E.g., the media queries only affect div#container, not the footer. Also, which mobile and browser?

QUOTE

Could I be doing something wrong? All help is much appreciated. My website is www.esigaretten.no

The HTML has a couple of minor errors according to https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.esigaretten.no%2F but they're probably unrelated. I didn't check the CSS or JS closely.