[Customer]

Hi Brad:

It works, thanks, now have a new issue:

The featured image zoomed in and display only a small portion of the header image. Please see http://coachandfour.leafcom.org/contact-us

While the default inner banner displays proper image for the same image: http://coachandfour.leafcom.org/menu

Any advise?

Thanks

[Customer]

Hi Brad:

The navigation background color is okay. The issue is for mobile header color above the navigation bar: Currently the mobile header black color is achieved by the following code:

@media screen and (max-width: 768px) {
body {background-color: #000000;}
}

The issue is – it also changed the content background color to black. Please visit page Practice on mobile to see this issue. The question is: how to change the header background color to black while keeping content background color as white?

Thanks

Henry

[Customer]

Hi Brad:

Thanks, it works, appreciated. Meanwhile. A new issue:

How to change mobile header background color to black while keeping the content background white?

Thanks

[Customer]

HI Brad:

Thanks for the information. The mobile header background color is now working well.

But the mobile logo is very short, believe affected by the following line in CSS.

.header .header-inner .logo{float:left; margin-top:20px; margin-left:20px; margin-right:50px; width:22%;}

[Customer]

Hi Brad:

Please find the following URL http://aarondentistry.leafcom.org/. This theme looks great but the following issues need to be resolved:

1. How to change header background on mobile? The default header background on mobile is grey.

2. The logo width issue: Logo looks good on laptop, but very short in width on mobile, changed the following line in .CSS to width: 100%, now logo looks good on mobile, but menu items pushed to 2nd line as shown URL.
.header .header-inner .logo{float:left; margin-top:20px; margin-left:180px; margin-right:50px; width:100%;}

It would be great if you can help.

Thanks

[Author]

Posts