For the home page I would like to have a banner image that is 100% screen width and responsive.
Currently on the live site I have Page Header on the home page enabled in the admin tools and the image is great but not responsive. The css looks like it should be though from what I have been researching.
Screen shot: http://guelphwebsitedesign.com/screens/grvs_screen_PageHeaderImage_notResponsive.png
The other option I have is to use LayerSlider and I tried that too. The image is then 100% wide and responsive but the menu goes a bit weird and the bottom underlines on the menu no longer line up. This does not happen when I set the Slideshow layout on the home page editor to "Fixed to page layout" but it messes up when I put it to "Full width".
Screen shot: http://guelphwebsitedesign.com/screens/grvs_screen_LayerSlider_responsive.png
Can someone help me figure out how to:
A) Make the Page header image on the home page responsive
B) Fix the menu spacing issues when I'm using LayerSlider for the responsive banner image.