Okay
  Public Ticket #3008751
Meta portfolio showed on mobile
Closed

Comments

  •  14
    Rodolfo started the conversation

    Hello!
    I wanted to know how to enable the option to show the metadata in the portfolio grid when displayed on a mobile device.

    I noticed that in previous versions of Salient template, this option is enabled by default, so that when we open the page on a mobile, we can see the metadata of a project in the grid with a finger click, and in a second click we already access the project. But in the version I downloaded at the beginning of February, this does not happen, accessing the project directly without being able to previously view the metadata.


    How could I get the effect of previous versions?


    Thank you very much!

  •  1,877
    Judith replied

    Hi Rodolfo,

    Thanks for choosing Salient.

    The  metadata shows on hover on mobile device from my end:

    3747838260.png

    Please let me know whether I am missing something from your explanation.

    Thanks.

  •  14
    Rodolfo replied

    How can you show it? I just see the image clare, then I finger click and see the lightbox with large image clear too. As I put a description on the image,  can see it on the bottom, but is not the effect 'm looking for, just what  see on your mobile screenshot, but I cant!

  •  1,877
    Judith replied

    Hi Rodolfo,

    Please try out this css:

    @media only screen and (max-width: 690px){
    .portfolio-items[data-ps="7"] .col .work-info .vert-center *, .portfolio-items[data-ps="7"] .work-info {
        opacity: 1;
    } }

    Thanks.

  •  14
    Rodolfo replied

    Thanks, but the CSS doesn't work. I've realize that I can show the meta on mobile by pressing on project for a seconds, but jumps the device OS window menu. So, closing this window I can finally see the metadata behind, but it isn't functionally... Any idea? ;D

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        .portfolio-items[data-ps="7"] .col .work-info .vert-center,.portfolio-items[data-ps="7"] .col .work-info .vert-center *, .portfolio-items[data-ps="7"] .work-info {
            opacity: 1;
        }
        .portfolio-items[data-ps="7"] .col .work-info-bg {
            opacity: 0.3;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  14
    Rodolfo replied

    OK, that made the metadata always visible on mobile, but I was looking for another effect. In mobile device, I want the image thumb on the grid clear on standby, and show the meta at first finger click on it. And then, at second finger click, launch the image on lightbox. Is it possible?

    Thanks!!!

  •  8,839
    Tahir replied

    Hey Again,

    I am afraid there are no such Touch Events available at the moment to have that particular effect.

    Thanks 


    ThemeNectar Support Team 

  •  14
    Rodolfo replied

    ok, thanks!