Responsive design / mobile issues

Hi I am in the process of building a site using this template but when I look at it on the mobile - its does not look responsive except for the menu. The rest of the modules on the front page have large spaces around them, colours that should not show up as all the images have been adjusted to the correct sizes for both mobile and tablet, as per your size. The header images are not adjusting to mobile size etc. I am not sure what is happening, as I would assume all images needs adjust as required - or do I need to do this in the css for each image / section. If this is the case why have responsive switched on in the template to begin with. Any help will be much appreciated. www.selectmarketingprojects.net.au/ifly2

Thank you

Please edit: /templates/gk_musicstate/css/override.css and add at its end:

Code: Select all

#gkHeader img {max-width: 100%;}
.gkIsWrapper-gk_musicstate figure > div {background-repeat:no-repeat;
background-size:contain;
background-position:center;}


Remember to enable "CSS override" in template settings - advanced section.