How to increase light box width using ajax or jquery?

Question

I have a small code

$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});

It is ajax / jquery code for light box. Here I have width 50%. It is ok for desktop. But in small device I need 100% width. So How to increase width for mobile ? I need to keep 50% for desktop and want to increse width for small device.

Answer 1

var screenSize = $(window).width();
if(screenSize<500){
  $(".example8").colorbox({width:"90%"});
}