New Topic

Customzed header…but displays weird on Macs

Home › Forum › Customization › Customzed header…but displays weird on Macs

This topic contains 1 reply, has 2 voices, and was last updated by  StartupWP 5 years, 11 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #760

    domino66
    Participant

    I installed the theme at http://jobstr.net
    And i’m pretty happy with it, except all my friends on Macs tell me that the header navigation menu is wrapping really strangely for them:
    wrapping strange

    But it looks completely fine on all my browsers (i’m on windows), so I can’t troubleshoot this. In fact, even when I resize my browser to MAKE the responsive header wrap, it wraps somewhat neatly (not in a mashed-together / overlapping way like in the screenshot above.)
    Any idea what the problem is? What’s weird is that i always thought that how a site renders was BROWSER-depending, not OS-dependent…but on all my browsers, including Safari, it looks fine. But in ALL browsers for Mac users, it’s wrapping weird.

    (I’d offer a small fee for help troubleshooting this…? If that’s not allowed here, then offer withdrawn:)

    #761

    StartupWP
    Keymaster

    There are actually subtle differences between the exact same browser version on different operating systems.

    It should be as simple as bringing the menu font size down just a little bit in this case:

    nav #site-nav li a {
      font-size: 18px;
    }

    There are some tools that can assist in testing the wide variety of variables which one is not likely to have total access to the real thing for.

    Mobile Testing – https://quirktools.com/screenfly/

    Browser Testing – https://browsershots.org/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.