Portfolio hoover on mobile

  • Resolved Nicomaque

    (@nicomaque)


    7 years, 1 month ago

    Hello,

    I use on my site portfolio like on this page : https://eval.xaviermuller.be/projects/
    But on a mobile the portfolio’s titles do not appear (it is not possible to pass on with a mouse).
    Is it possible to modify the css to display on a mobile the portoflio with the hoover effect directly, without needing to pass on the image of the portolio ?

    Thank you !

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Nicomaque

    (@nicomaque)

    Here are some additional details on my previous question. The demo page of the theme can be taken as an example: https://themes.kadencethemes.com/ascend-premium-4/
    As you can see on a mobile, portfolio titles do not appear until you click on an item.
    Is it possible to make the title appear directely ?

    Hey,
    You can use this css:

    @media (max-width: 768px){
    .portfolio-loop-image-container .portfolio-hover-item .portfolio-hover-item-inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
}

    If you would like the background color overlay as well you can add this:

    @media (max-width: 768px){
.portfolio-loop-image-container .portfolio-hover-item .portfolio-overlay-color {
    opacity: .5;
}
}

    You can add css in your theme options > custom css box

    Ben
    Kadence Themes

    Thread Starter Nicomaque

    (@nicomaque)

    Yes, it works !
    Thank you very much !

    Xavier

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Portfolio hoover on mobile’ is closed to new replies.