Site URL: http://www.dotandhana.co.uk
I'm trying to rearrange the spacing on my website so that the space between my header and the individual product on my product detail pages is smaller, but anything I try also makes the space between the header and the full product catalogue page smaller too. Is there anyway to move those blocks independently of each other?
I've tried customising the CSS mostly based on previous answers found on this blog, but can't find the answer to this specific problem.
When my product catalogue looks right, my product details are too far down the page, I'd like to move the images and details up by the width of the blue block but keep the product catalogue page spacing as it is in the image. If it's possible to do it without making the page jump to the spacing after loading, even better (it's like it loads in the old spacing, then jumps to the new spacing which is annoying.)
This is the code I'm currently using which makes the spacing on the product catalogue page good but the spacing on the product detail page too far apart.
.products.collection-content-wrapper {
padding-top: ;
}
Help?!
PS sorry my site isn't live yet so that link won't work!