Archived topic
Header Problems
3 replies · Started by David on December 9, 2015
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.
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 :)
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.
Give this CSS a try:
@media (max-width: 768px) {
.woocommerce ul.products li.product {
width: 48% !important;
}
}