WordPress not obeying css rules on mobile devices

  • Resolved rssail

    (@rssail)


    5 years, 4 months ago

    I hesitate to say that there’s a bug in wordpress but this has gotten me stumped. When I view the following in chrome as a html file it works perfectly. When I try to do this in wordpress I have all sorts of issues on different mobile devices. Essentially, the left and right id’s are not taking up the width that’s being assigned. Here’s the code:

    UPDATE: I deactivated all plugins except add css and did a healthcheck. Neither provided any insight to the problem.

    <!DOCTYPE html>
<html>
<head>
  <style>
  #container{
   display:flex;
   justify-content:start;
   width:100vw;
   font-size:3vw;
}

#left{
   width:35vw;
   border:solid black 1px;
   border-shadow:border-box;
}

#right{
   width:65vw;
   border:solid black 1px;
   border-shadow:border-box;
   text-align:center;
}
   </style>
</head>
<body>
  <div id="container">
<div id="left">
mobile</div>
<div id="right">
different devices have problems</div>
</div>
</body>
</html>
    • This topic was modified 5 years, 4 months ago by James Huff. Reason: title edited from "wordpress not working with mobile devices" to "wordpress not working with mobile devices"
    • This topic was modified 5 years, 4 months ago by James Huff. Reason: title edited from "wordpress not working with mobile devices" to "custom code not working with mobile devices"
    • This topic was modified 5 years, 4 months ago by rssail.
    • This topic was modified 5 years, 4 months ago by rssail.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Tellyworth

    (@tellyworth)

    The divs on that page look about the same to me in Firefox desktop and responsive views, and Safari mobile.

    Can you describe exactly what you’re seeing when the problem occurs, and what you expect to see?

    Moderator t-p

    (@t-p)

    Moved to Fixing WordPress, this is not a Developing with WordPress topic.

    Thread Starter rssail

    (@rssail)

    min-width was set and was messing up the display. Problem solved. Not a wordpress bug after all!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WordPress not obeying css rules on mobile devices’ is closed to new replies.