Featured Products Grid Safari Error
Posted: Fri Oct 11, 2013 11:37 pm
We are having an issue with the home page featured products grid not displaying properly in Safari, the product titles are overlapping the thumbnails. This is happening on pc's and mac's as well as all other devices. I have tried to fix the issue by adjusting the css such as I tried adding the following to the style.css file which should have solved the problem:
div.featuredProductContainer table.productsGrid tbody tr td.thumbnail {width: 120px;}
...but for some reason that isn't working. I also tried to hardcode the td width in the FeaturedProductsGrid.ascx ConLib file, but none of the changes are working or showing live for some strange reason, which is why I'm making this post so hopefully someone can help. The issue should be resolved by making that thumbnail td have a forced width of the thumbnail which is 120px.
Here is a thumbnail so you can see the problem: http://flytyingclub.org/images/safariscreenshot.jpg
And you can see the problem live by viewing our homepage with safari here: http://wyomingflyfishing.com
Any help with this matter would greatly be appreciated. Thank you.
div.featuredProductContainer table.productsGrid tbody tr td.thumbnail {width: 120px;}
...but for some reason that isn't working. I also tried to hardcode the td width in the FeaturedProductsGrid.ascx ConLib file, but none of the changes are working or showing live for some strange reason, which is why I'm making this post so hopefully someone can help. The issue should be resolved by making that thumbnail td have a forced width of the thumbnail which is 120px.
Here is a thumbnail so you can see the problem: http://flytyingclub.org/images/safariscreenshot.jpg
And you can see the problem live by viewing our homepage with safari here: http://wyomingflyfishing.com
Any help with this matter would greatly be appreciated. Thank you.