Safari & Navigation Bar Behind Content

[SSTS]

Hi,

So I have been building a Development site with Bootstrap so far so good.

One thing I noticed was on Safari with a IPAD the drop down menu from the Navigation Bar gets pushed behind the content.

Of course this makes it a nightmare to navigate, and can't access the categories.

Seems fine on IPHONE's just IPAD's

Anyone else found this, is their a work around?

Many Thanks Tom

[Brennan]

Re: Safari & Navigation Bar Behind Content

Hey Tom -

We just tested this on an ipad in safari and we're not seeing the issue. It looks like from the screenshot you may be on an older version of iOS and safari. Upgrading should fix your issue.

However, this looks to be a z-index issue. You could probably fix it in your version by explicity specifiing the z-index on the slider container:

.SFNT .carousel {


    margin-top: 20px;
    z-index: 1;


}