[Mowjee]

Hi,
I need to resize the area that includes the logo (banner image) so that it occupies all of the white space above the menu.
I have removed the search bar but still I am unable to understand how to resize the banner image area so that it covers all the space above the menu.
You can check up my site here: http://69.89.31.69/~mowjeeco/

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!

[sovit ranjitkar]

@Mowjee We just viewed your website in smartphones and everything is fine. We din’t found the banner loses responsiveness.

Thank you!

[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

[sovit ranjitkar]

@Mowjee To change the header background as (turquoise) Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS and paste the following CSS code:

#branding {
    background-color: #29C8D3;
}
#access {
    background-color: #FFFFFF;
}

Now, Click on Save All Changes Button and Refresh your browser.

Thank you for using our theme.

[Mowjee]

Hi Sovit.

This solved my problem.

Thanks a ton!

[sovit ranjitkar]

Ok Great!

[Author]

Posts