Hi

For anyone else who needs to do this, I managed to change the animation by using this online tool and copying the settings

http://cubic-bezier.com/

Regards
Colin

Hi Mike

I already have that plugin installed. It doesn’t matter what image size I select the image in the posts is always cropped which make it long and thin. I don’t want the image to be cropped I want it to be the original proportions.

Many Thanks
Regards
Colin

Hi Jodan

Yes that was the adjustment for mobile. @media only screen and (max-width: 767px)

I have now managed to fix it by adding the following

#menu-item-shop.cart_dropdown{
z-index: 10000 !important;
}

this now makes the shopping cart clickable on the monile

Many Thanks
Regards
Colin

Hi Mike

Thanks for the update. I tried that and it almost worked, except even though I have put “max-width: 105px !important;” – on lines that break it almost setting those with a minimum width of 105px as well as a max width of 105px .

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply. I added the code above but that didn’t do the trick. The issue we have is that I can add the html code <br /> e.g. Cable<br />Management where we want the navigation line to break but If my client then amends anything on the navigation and saves it, ALL of the occurances of <br /> disappear.

Many Thanks
Regards
Colin

Hi Victoria

I have now fixed this issue as all is working fine.

Many Thanks
Regards
Colin

Hi Nikko

I have the product category displaying on the title however when I filter the products and go to page 2 it changes to shop But if I remove /shop/ from the URL it works OK

Many Thanks
Regards
Colin

Hi Victoria

Well I’ve not actually built the site I want to do this on. But I have another site with a hotspot image on it which is the link below

Many Thanks
Regards
Colin

Hi Mike

I’m not sure whether it is complete. I got the code from here

But it’s working OK for me. (although not so good in Firefox on a Mac)

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply

I’m not using a plug-in for the product images just the standard Woocommerce product page with Woocommerce 3 gallery as set-up in the Enfold settings See image here

I tried adding the code above but nothing appeared, except if I change the shop option to “Default Enfold Gallery” and then it shows 1 caption for the main image. My client wants the caption to change when the image changes, so he can reference the product code for each image.

I’m not sure why nothing works

The only thing I can get to work is the following code. which puts the caption above the image. When you click on each image the caption changes but the image moves down the page a bit further each time you click the next image.

add_filter('woocommerce_single_product_image_thumbnail_html', 'thumb_add_caption', 10, 4 );
function thumb_add_caption( $html, $id, $parent, $class) {
   $attachment = get_post( $id );
   $img_cap = "<div class=\"img-cap\"><span class=\"cap-text\">{$attachment->post_excerpt}</span></div>$html";
   return $img_cap;
}

Many Thanks
Regards
Colin

Hi Mike

Link to site build page in private content

Many Thanks
Regards
Colin

Hi Mike

Thanks for your reply. That is very close to what we need. however, we are using the Woocommerce 3.0 Product Galley for this site but the CSS only seems to work with the Enfold gallery. We don’t want to change to the Enfold Gallery but if we do the descriptions show on the main image and the first thumbnail image See sample

Many Thanks
Regards
Colin

Hi Nikko

Yes it disappears if you click the OK button only. But on other cookie policy plug-ins I have used it would disappear automatically if you navigated to another page on the site. Effectively by the customer doing that, they are agreeing to the cookie policy without click the OK button. Is this possible?

Many Thanks
Regards
Colin

Hi Victoria

Ah, that is exactly what I have done, so that should be OK.

Many Thanks
Regards
Colin