Cookie control text and button not displaying in broswer

[Roland]

I've just installed cookie control on the blog side of my site (it's currently working correctly on my main site). The same code has been added to the blog footer but now the bar appears across the top with the orange C logo but nothing else displays. it does however display correctly on mobile devices. I tried with the Wordpress plugin instead of code in the footer and had the same result. I've tried updating the cookiecontrol js file too, but that just gives the API error. 

Site is vanrental.co.uk/vanblog/

The code currently in the footer just before the </body> tag is:

<script src="...../cookiecontrol-6.2.min.js" type="text/javascript"></script>

<script type="text/javascript">//<![CDATA[

 cookieControl({

 t: {

 title: '<p>We use cookies to help improve the service we offer. ......</p>',

 ias:'',

 intro: '',

 full:'<p>To control third party cookies, ......</p>'

 },

 position:CookieControl.POS_TOP,

 style:CookieControl.STYLE_BAR,

 theme:CookieControl.THEME_LIGHT, // light or dark

 startOpen:false,

 autoHide:0,

 subdomains:true,

 protectedCookies: [], // list the cookies you do not want deleted, for example ['analytics', 'twitter']

 apiKey: 'API key here',

 product: CookieControl.PROD_PAID,

 consentModel: CookieControl.MODEL_INFO,

 onAccept:function(){ccAddAnalytics()},

 onReady:function(){},

 onCookiesAllowed:function(){ccAddAnalytics()},

 onCookiesNotAllowed:function(){},

 countries:'' // Or supply a list, like ['United Kingdom', 'Greece']

 });

 function ccAddAnalytics() {ANALYTICS HERE

 }

  //]]>

</script>