6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Navigation Menu Not Working On Mac

by estz
5 replies
  • WEB DESIGN
    • |
Hello,

Could anyone who owns a mac or even uses safari or any other browsers please have a look at a website I have recently designed, seems to be problems with the navigation bar on Mac's where it doesn't show normally. It creates double the width and pushes part of it onto the 2nd line when it should just be centralised and all on 1 line.

Website is LDA Display

Let me know, Also reviews on the website would be appreciated. We haven't finished the images yet as they are still choosing which images view they would like to use .

Thanks
#mac #menu #navigation #working
  • Profile picture of the author dconjar
    I'm Mac-less for most of the day, but I'm posting here so I remember to inspect it later, if the problem hasn't been solved yet.

    I've had this problem before, but I forget how I fixed it.

    The design is good. Very simple. You may want to consider changing the call-to-action button color, and improving the calls-to-action on your subpages.

    Orange converts better than anything and works well with the color scheme.

    Maybe use CSS3 and @fontface instead of images for the buttons so they're easier to split-test.

    You could replace the "For costs please contact LDA" CTA with a shiny orange button that opens your contact form in a lightbox. And make the button glow using CSS3 keyframe animations. Who wouldn't click that?
    {{ DiscussionBoard.errors[6385380].message }}
  • Profile picture of the author estz
    Funny you say that actually as we did have the call to action buttons in orange however the client wants to stick to the Blue as it matches there logo. We are building a few other websites for them so they have appropriate logo's for each which are different colors and luckily the site we are building at the moment is orange .

    Would really appreciate your help via checking it with a Mac.

    Many Thanks
    {{ DiscussionBoard.errors[6385426].message }}
  • Profile picture of the author dconjar
    If the other site has a lot of orange in it, but not so much blue, you might be better off with a blue button. There's a high correlation between contrast and conversion rate.
    {{ DiscussionBoard.errors[6385572].message }}
  • Profile picture of the author dconjar
    If you change the width of #megaMenu to 598px, it should work. 596px is wide enough for Chrome and Safari, but you need an extra 2px for it to work in Firefox.

    That might make your navigation bar look too wide in Windows. But luckily, there's always a hack:

    CSS Browser Selector
    {{ DiscussionBoard.errors[6388923].message }}
  • Profile picture of the author estz
    Thanks very much for the response, much appreciated. I shall make the change and see if it helps.
    {{ DiscussionBoard.errors[6390747].message }}

Trending Topics