Safari Support

[Steve Upchurch]

I am using cookie control 6.2 and it looks completely different in Safari.

If I visit the http://www.civicuk.com/ website in Chrome, the top bar displays the cookie control logo, the "This site uses cookies to store information on your computer" message, an Information and Settings link and the "I'm fine with this" button.

In Safari it just displays the cookie control icon, a plus button and the green I'm fine with this button.

[Steve Upchurch]

Screen shot attached.

[Steve Upchurch]

Above I have attached a screen shot of how it looks in Safari 7 on the desktop. It also appears like this on iOS 7. Safari

[Greg Rouchotas]

The issue has been fixed. We've just released a new patch that fixes the problem.

Can you please download the latest version (R449) from here http://www.civicuk.com/cookie-law/downloads/cookieControl-6.2.min.js

and let me know if it works

Thanks

Greg

[Steve Upchurch]

Thanks for the reply.

It still looks the same to me. Both http://www.civicuk.com and the using the JS file you linked to. I cleared my browser cache before testing this.

Should it be 6.2 or an updated version number?

Thanks

[Steve Upchurch]

Any update on this?

[Andrew Forkgen]

Hi All, 

We are facing the same issue with one of our sites. Did anyone get to the bottom of the Safari issues?

Thanks, 

Andy. 

[Steven Tuffin]

Hi Andrew,

The latest version of Safari (only available on Mac) altered how certain media queries were processed, and as a consequence meant that the mobile layout is now constantly visible in this browser.

 

As it currently stands, all other browsers render the desktop and mobile versions of the cookie control widget accordingly, regardless of whether the site itself is responsive. The main negative to this approach is as Steve highlighted, the desktop rendering of the widget in the latest version of Safari on Mac.

If you could let me know the URL of your site I will have a look at how it has been built and let you know the most appropriate fix.

Regards,

Steve

[Andrew Forkgen]

Hi Steve, 

Thanks for the rapid response, all makes sense.  We have a test page up and running at http://www.jumplit.com/index2.html (the current live page is using the free version).  We also want to de-brand and alter some styling (remove the shadow on the bar, change fonts) at some point too, but that can happen in the future, getting Safari working is probably the biggest priority and we can work from there. 

Thanks, 

Andy. 

[Steven Tuffin]

Hi Andy,

As your website is already responsive in nature, we can resolve the issues with Safari (desktop) without losing any mobile support.

For your convenience I will send you an updated copy of the Cookie Control script by email, though for general reference if the site is already responsive, all that needs altering is the second set of media queries in the cookie control script.

ie, @media only screen and (max-width:768px), and (max-device-width:768px) becomes @media only screen and (max-width:768px)

Thanks,

Steve

[Steve Upchurch]

Hi,

Thanks, changing the media query as above fixes the issue in Safari on the desktop. I must admit I don't like the way the cookie control top banner appears on a small screen, but I will attempt to alter that with styling.

Thanks