[Resolved] Header Problems

[David]

I feel like I am banging my head against a wall a little bit.
I’ve added in a header, but it aligns through the customize > background images.
It appears very small in the left hand side on chrome, and not at all on firefox.

I’ve tried site-header, #masthead and a few other things to no avail.

I feel like I’m really missing something here.

I am trying to just have my header so it is 100% width of the content, which changes with screen size.

site is demo.boat.net.nz

Any help appreciated,

Dave.

[Tom]

Hi Dave,

Instead of adding it as a background image, add it as a logo in “Customize > Site Identity”.

That should work better.

Let me know 🙂

[David]

Thanks Tom,
All sorted.

Also, when I drop down to mobile view size (ipad/iphone) I get 2 small product images on each side, with a huge gutter in the middle. Anyway to get these larger?

I have used php to allow 6 products wide for the store, would like to have it to 3 for mobile, but from my understanding there is no way to get php to recognize screen size as it is server-side?

Any help is appreciated.

-Dave.

[Tom]

Give this CSS a try:

@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: 48% !important;
    }
}

[Author]

Posts