Thanks Rikard! Works a treat. Very useful trick to know.
Rob

VERY disappointed with this answer Basilis. I was only asking for a little help or pointing in the correct solution. Enfold as a shop does not function as well as your competitors and doesn’t allow a lot of plugins that might have helped with custom menus. After purchasing this theme a dozen or so times, if this is what your support has come to, I doubt I will be buying it again.
Rob

Hi Viney,

Many thanks but as per 3rd post I gave up on the idea of a striped background. The client wanted a picture of a tractor instead. What I am trying to do is hide that background picture of a tractor on small screens as it gets overlapped by the logo. I tried this code but it didn’t work:

@media only screen and (max-width: 767px) {
.header_color {
    background: #006598 !important;
}}

Thanks
Rob

Okay thanks. What is the best css to use to hide the background header image on mobile? This is the css that adds it:

.header_color .header_bg {
    background: #006699 url(//fordtractorsales.co.uk/wp-content/uploads/2016/11/Ford-Tractor-Spares-Header-Tractor-88.png) bottom center no-repeat scroll;
}

Ta
Rob

Thanks

Perfect!
Many thanks Nikko

Hi Nikko,
It hasn’t worked but I think it is because I don’t have an add to cart button now. I have replaced it with “Request a Quote” button. this is the div:

<div class="yith-ywraq-add-to-quote add-to-quote-2718">
    <div class="yith-ywraq-add-button show" style="display:block">
        
<a href="#" class="add-request-quote-button button" data-product_id="2718" data-wp_nonce="17c79cf36a">
    Add to quote</a>
<img src="http://fordtractorsales.co.uk/wp-content/plugins/yith-woocommerce-request-a-quote/assets/images/wpspin_light.gif" class="ajax-loading" alt="loading" style="visibility:hidden" width="16" height="16">    </div>
    </div>

If you could adjust the code for me I would be most grateful. I don’t want to break anything.
Thanks
Rob

HI Ismael,

Yes I set the size of the catalogue images and rebuilt the thumbs. I know the better solution is upload images all the same size but this is a shop transferred over from Joomla which has 2288 products, all with old images of varying sizes.

What I want is the image to be responsive and fit centered within a square which size depends on the responsive layout. Once this works I will rebuild the thumbnails without hard crop. This way all products will line up evenly and show the full product image. At the moment it looks a mess.

Thanks

Hi Yigit
It is aligned to the left. I want it aligned centre (USA center). The only way to have it at the bottom of the slideshow is aligned left.
Thanks

Good idea. This is what I want to happen:
https://dl.dropboxusercontent.com/u/4753963/width-over-1440-eg.jpg
Color #f0f4f1 at the sides only on screens over 1440. Below that fit to screen width.
Thanks

Sorry I forgot. Below