Originally Posted by juggledad
1) add the following to ATO->Add HTML/CSS Inserts->HTML Inserts: Header
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
2) move your image out of the theme/atahualpa/images/header folder - you can put it in the media library or create a new folder in the wp-content folder ad put it there
2) at ATO->Style & edit HEADER AREA->Configure Header Area - remove teh %image and replace it with
<img class="img-responsive" src="http://yourdomain.com/...path-to-the-image.../header-new.jpg" width="753" height="369" /> %pages
you'll probably need to do some centering of the image, but I'll leave that as an exercise for you.
Juggledad when I used this code, my header image went responsive but it messed up everything else in the site (font size, color, headers' settings etc).
When I removed it everything turned the way it was... Am I doing something wrong?