The problem is that the page displays mobile version of the site using bootstrap in Internet Explorer 8. As reading more into the topic I've found out that by default media queries are not working in IE8.
I've read topics that suggest to use respond.js. I'm doing that and I have also followed the order of including css/scripts.
In the head tag:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>" /><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="/js/html5shiv.js"></script>
<script src="/js/respond.min.js"></script>
<![endif]-->
In the body tag
<script src="/js/jquery-latest.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
The site is publicly accessible and not in local web server.
I must be doing something wrong because IE8 is not displaying the site as in other browsers. What could I be doing wrong?