We've added some ‘single images’ in a portfolio item. We activated the option ‘Link to large image?’. When you move over the
image, the mouse pointer changes. But a tablet works differently. You see no effect. People do not know that there is a link attached behind
the image.
We tried by using a CSS-class to place a layer over the images. We want to
set up a magnifying glass icon over the ‘single image’ so people can see that there
is a bigger image.
But for some reason the extra class will be overruled.
But we do not know which. Do you have a solution for this
option?
We've added some ‘single images’ in a portfolio item. We activated the option ‘Link to large image?’. When you move over the image, the mouse pointer changes. But a tablet works differently. You see no effect. People do not know that there is a link attached behind the image.
We tried by using a CSS-class to place a layer over the images. We want to set up a magnifying glass icon over the ‘single image’ so people can see that there is a bigger image.
But for some reason the extra class will be overruled. But we do not know which. Do you have a solution for this option?
Thanks in advance
Sjoerd
Hey!
Can you provide the page url and the css code you used for adding that magnifying glass.
Thanks
ThemeNectar Support Team
Hey!
I have got most of it to work, you can position it as per your liking .
@media only screen and (max-width:1000px) { #portfolio-extra .vc_span2 > div:after { content: url(http://demo.beeldvang.nl/site/wp-content/uploads/2015/01/mag.png); background: rgba(0, 0, 0, 0.1); display: block; height: 1.5em; width: 1.5em; top: 0; position: absolute; z-index: 99999; padding: 40%; overflow: hidden; max-width: 100%; } }
ThemeNectar Support Team
Wow! Many many thanks!!