hi there I have used the indoors ect template as a basis for:
http://www.baby-barn.co.uk/index.php

the site is nearly ready to go live BUT client want me to add a different logo to the page..


1) basically on the above link there is a photo in the background of the image and it needs to be top aligned and not the 16px drop that is there - I have tried changing in the style.css to:

.header_middle{ padding-top:0px; min-height:75px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; }

and also tried -16px but still the top gap over the logo remains.

2) when viewing on mobiles and smaller screens I get a white strip below the photo as I am increasing the top header size.. where do I find the height for the smaller screen sizes so I can increase the area coloured in?


Any suggestions?

Hi Richard

Remove the padding here

.header_middle_left img{ padding-top:16px;

Let us know if that works and I'll look at the second problem which may be affected by this one.

Andy

Please feel free to review / rate our software

Hi Andy

.header_middle{ padding-top:0x; min-height:75px;-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; }
.header_middle_left{ width:45%; float:left; padding-top: 16px;}
.header_middle_left img{ padding-top:-16px; max-width:100%;}
.header_middle_right{ padding-top:16px; width:55%; float:left;}


Now.. if I set all the padding tops to 0 then it aligns to the top for the image but also (as expected) for the search and other components on the header
If I set just the image it doesnt set image to the top.. stays inline with the other 2 fields and setting a -16 does nothing whatsoever lol
Any suggestions?

With no other changes doesn't this work

.header_middle_left{ width:45%; float:left; padding-top: 0px;}
.header_middle_left img{ padding-top:0px; max-width:100%;}
.header_middle_right{ padding-top:16px; width:55%; float:left;}

Andy


Please feel free to review / rate our software

getting there but not quite...
http://www.baby-barn.co.uk/index.php

take a look and see what happened lol

I think it's the stray closing bracket here

.header_middle_right{ padding-top:16px; width:55%; float:left;}}

Andy

Please feel free to review / rate our software

ignre me I had an extr } in my css/// teach me to copy and paste so carelessly.. sorted thank you
ahh you posted as I was replying - thanks Andy your right a stray } ... thank you awesome support as always