Hello, i am working on a site and the theme is a responsive theme but the header background is not resizing on mobile and tablets below is a link to the site http://unitednews.sr/category/magazine/ each menu item has a unique header , how do i make them responsive ?
Follow this guideline: http://davidwalsh.name/responsive-images I believe it's the tutorial out there.
"header image" and "responsive" don't belong in the same sentence -- though I'm having a hard time answering since I'm not seeing any "header image" on said page. Usually anything that's goofy presentation for the desktop I just turn off for mobile. That's why for something like a header you should be using image replacement and CSS construction, so you can change that presentation and/or have images off graceful degradation. Sometimes the easiest and best way of handling it is to just turn the image off and show text instead... which you should have the text under the image like a good little doobie if you are building with progressive enhancement. Which looking at that page with its "endless pointless div and classes for nothing" (a hallmark of turdpress themes), absurdly undersized fixed metric (px) fonts, nasty case of "semantic markup, what's that?" mated to painfully bad scripting bloat -- progressive enchancement and accessible design are NOT in it's genetic makeup, and as such trying to make that mess responsive is ice-skating uphill. I have the feeling that whatever "heading image" you have, is what I usually classify as "not viable for web deployment"... but again without seeing the image in question it's really hard to say more.