Nomisneerg

Hi @paul2009 Thank you for this, it worked perfect! Top man 😄

Site URL: https://www.cboothandson.co.uk/ Hello I'm hoping someone can help me with this issue. I want to insert some CSS that will stack the different 'category navigation' links at the top of a product page on top of one another when viewing a product page on mobile devices. At the moment customers have to scroll along the 'category navigation bar' to find the category they are looking for. There is no indicator for the customer either, so unless they know this is how this site works they will miss a number of the categories. I have attached a screenshot below of how I would like them to appear on mobile devices - or something similar. Thank you in advance.

Hello, did you find a solution for this problem? I'm having the same issue. Thanks

This worked perfectly, thank you @paul2009 .

Site URL: https://www.cboothandson.co.uk/cigars/p/partagas-lusitanias-cigar Hello, I'm hoping someone can help with an issue I'm encountering regarding product images being cropped on mobile devices when viewing the product detail page. As you can see on the URL, all of my product images are square. When viewing the product detail page on the desktop, they remain square. However, when viewing a product detail page on mobile, there seems to be a vertical crop happening on either side of the product image which cuts off a part of the product. I have attached a screenshot of how the product detail page looks on desktop as well as on mobile so you can see an example of how the images are being cropped. Does anyone have a piece of CSS I can insert which will keep the images square so my customer using mobile devices can see the full-sized product image instead of a cropped version? Thank you in advance!