[Mowjee]

Problem solved! Thanks anyway.

[Mowjee]

If you click on the link in my earlier post, you will find the logo on the left and text on the right. The logo has white background whereas the text has turquoise background.

Where the white background meets the turquoise in the banner, I want the same to be reflected in the area around the banner too, so that the whole header looks like the banner background.

Is this possible?

[Mowjee]

Hi,

The link is http://69.89.31.69/~mowjeeco/products/butt-hinges/mild-steel-butt-hinges-no-900-light-weight-is-1341/

The same when opened on a phone, loses its responsiveness.

Thanks!

[Mowjee]

Hi Sovit.

This solved my problem.

Thanks a ton!

[Mowjee]

Thank you for replying, Sovit.

I rolled back some of the changes I had made in order for the banner to regain its responsiveness.

Here’s what my banner looks like at the moment:

I need the white area surrounding the banner image and upwards of the menu to be the same colour as the banner image background (turquoise).

I have not been able to achieve this and I need to know how.

Thanks

[Mowjee]

I tried to make the following banner take up the entire space above the menu.

In order to do this, I changed the following:
#site-title {
font: 36px ‘Philosopher’, sans-serif;
line-height: 0px;
}

#access {
border-top: 0px solid #EAEAEA;
border-bottom: 0px solid #EAEAEA;
margin-left: 10px;
}

#site-title a img {
vertical-align: inherit;
max-width: 1038px;
height: 150px;
}

.clearfix {
margin: 0px;
max-width: 1038px;
}

.hgroup-wrap {
padding-top: 0px;
padding-bottom: 0px;
}

While this works for the desktop, when I view the site on a smartphone or a tablet, the banner loses its responsiveness.

Any help would be much appreciated.

Thanks!

[Mowjee]

Found the fix, cant delete post above.
Totally embarrassed.
Sorry!

[Author]

Posts