How can I make banners responsive?

I have just visited your website and resized the various pages and all the banners are resizing for me fine.

It may depend on your browser if you are using an older browser IE8 or older, else I can’t see any obvious problems. Assuming that you have used media queries to build the responsiveness, check what sizes you have the breaks set at.

The only difference I can see is where you don’t have a slideshow and just a single image, the way your theme is working it seems to crop the microphone photo, so an option may be to install the slideshow here too but with just the single photo.

Sorry probably not the answer you need, but looking at your style sheet looks fine unless you have written another rule yourself.

this issue is likely design related.
best to ask the Tesseract theme creator for guidance.

Thanks Guys, the banner I have an isue with is on the home page.
Its the headline one with our name and two logo’s either side.
This banner i think and would like to stay full width just like the picture banner above.
How can I achieve this please? I’m sure I have missed a setting somewhere?
Thanks

As contentiskey mentioned this is best discussed with the site designer as it appears to be tied in with the design theme by the look of things. It seems that at phone size your settings tell it to display: none which is why it doesn’t show on any screen under 620px wide.

I can’t see that you are using a child theme, so even if you remove #pgc-9-1-0 from the display none list in that media query section it will probably get overwritten by updates.

Again probably best to contact Tesseract theme creator.

Sorry not much more help than that.