The top of the header and the footer (as well as the menu bar) has a main image with another div over the right hand side that it slides into. Pretty basic but the right hand image and the space normally utilized is inappropriate for cell phones. Is it possible to replace the image in this div with a smaller one as well as to not display its internal content (for example the header top right has social media icons).
The more advanced question I have not seen a solution to. I plan to use a script to float the top menu of my header when the page is scrolled down. Just like say arstechnica.com. However I would like to detect narrow responsive and not have this script active. Is there something in stock form to check for this so that I can either tell my script to stop or to remove the reference from output altogether. It likely should be dynamic as maybe a low resolution tablet switching orientation may change the situation.