Navigation
Archive / Media Queries for Chrome (Device Toolbar) vs Safari (Responsive Design Mode)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 3, 2016 at 12:58 pm #1279958
    quint
    Participant

    I have designed content for a page that is sized for 320 x 568 (iPhone 5s).

    When viewing the page in Chrome using the Device Toolbar, the correct media query that I coded in X Theme’s Edit Global CSS is used.

    When viewing the same page in Safari using the Responsive Design Mode, the wrong media query is used.

    Why is this happening and can you help me fix it?

    Latest Versions: WordPress, X and Cornerstone.

    December 3, 2016 at 1:00 pm #1279962
    quint
    Participant
    This reply has been marked as private.
    December 3, 2016 at 3:14 pm #1280049
    quint
    Participant

    I believe I’ve found the answer:

    http://stackoverflow.com/questions/38220485/safari-responsive-design-mode-css-media-query-device-not-applied

    December 3, 2016 at 9:42 pm #1280227
    Rad
    Moderator

    Glad to hear that and thanks for sharing 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1279958 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>