header image for responsive classic?

[kobra]

simply changing headerWrapper color affects the footer. navCatTabsWrapper is covering both that and headerwrapper.

Well this does not help at all
You post a picture some code and a red arrow pointing to an image and state "This is where header wrapper is going. Any suggestions? "
Again I ask you "What are you wanting/expecting?? "

[vvomble]

Well this does not help at all
You post a picture some code and a red arrow pointing to an image and state "This is where header wrapper is going. Any suggestions? "
Again I ask you "What are you wanting/expecting?? "

I don't know what you mean about wanting or expecting. HeaderWrapper is affecting something within the footer. NavMainWrapper affects both headerWrapper and NavMainWrapper. Not just with Background image but also colour. Basically the CSS Is not matching the correct DIV positions. I don't know how to make it any clearer than this sorry.

[mc12345678]

I don't know what you mean about wanting or expecting. HeaderWrapper is affecting something within the footer. NavMainWrapper affects both headerWrapper and NavMainWrapper. Not just with Background image but also colour. Basically the CSS Is not matching the correct DIV positions. I don't know how to make it any clearer than this sorry.

The question is what do you want to be seen. From there guidance can be provided to apply/modify the css to your liking. From the brief view that I took to identify/modify the look of your site many of the div tags are grouped together in definition of response. In order to override that grouping, the desired end css needs to be applied to the div tag of your choosing after the existing modifications are applied.

[vvomble]

I am separating them. I can't work with CSS if the div I am trying to edit affects an incorrect div. I'm wanting to change colours, look and feel of the entire site. Although each div even when separated is affecting an incorrect div element. I really don't want to use classic if i can get responsive working correctly but I think that might be the way I'm going to have to do it if I can't resolve the problem ASAP as the client is wanting the site ASAP.

[barco57]

it appears there are inline styles on the headerWrapper

<div id="headerWrapper" style="max-width: 100%; margin: auto;">

extend that to be

<div id="headerWrapper" style="max-width: 100%; margin: auto; background-image: url("includes/templates/responsive_classic/images/bg2.png");">

Then in the stylesheet_colors.css (~line 18) remove #logoWrapper from there and add a new style below it for #logoWrapper as below

#logoWrapper {background-color: transparent;}

attached image is what I see when playing in my browser

[pixelpadre]

[QUOTE=barco57;1312170]it appears there are inline styles on the headerWrapper
<div id="headerWrapper" style="max-width: 100%; margin: auto;">

Where might someone find that?

[mc12345678]

[QUOTE=pixelpadre;1312285]

it appears there are inline styles on the headerWrapper
<div id="headerWrapper" style="max-width: 100%; margin: auto;">

Where might someone find that?

Have you tried using the developer's toolkit in the tools section of the admin? Search for headerWrapper case sensitive on the catalog.