Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] Header Problems

Home Forums Support Header Problems

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #159063
    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.

    #159064
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #159065
    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.

    #159076
    Tom
    Lead Developer
    Lead Developer

    Give this CSS a try:

    @media (max-width: 768px) {
        .woocommerce ul.products li.product {
            width: 48% !important;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.