Hi friends
In T3 b3 blank template, the responsive layout caters for 4 sizes. In the large size of 1260px, an image 1260px by 120px on the header will fit nice. Once we reduce page size to the smaller layout the image appears in unexpected way.
How can I stop using this image if user use a smaller page size? The image is placed from the Custom.css using .t3-header {background-image: url("../images/pic1260-120.jpg"![;)]()
;}
or better still how to have different jpg for different size?
One more question: What will be the best one size to fit all eg will 600x80 does it.
In T3 b3 blank template, the responsive layout caters for 4 sizes. In the large size of 1260px, an image 1260px by 120px on the header will fit nice. Once we reduce page size to the smaller layout the image appears in unexpected way.
How can I stop using this image if user use a smaller page size? The image is placed from the Custom.css using .t3-header {background-image: url("../images/pic1260-120.jpg"
;} or better still how to have different jpg for different size?
One more question: What will be the best one size to fit all eg will 600x80 does it.