#47823 Preloader mobile logo and related projects

Landing Forums Jupiter WordPress Theme Preloader mobile logo and related projects

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • frederico honrado

    Hi,

    – The preloader logo on mobile doesn’t keep its original proportion (attached image).

    -We have setup the portfolio with some projects. The related projects section (below each project) only shows text on hover, this is not very user friendly on mobile (attached image). How can I make to always display text on each project of the related projects? Also, how can I reduce the number of related projects on mobile (show only 2)?

    Thank you

    Mohsin Al-Rabieai Support Team

    Hi Fredrico,

    1 – In order to resolve the preloader image distortion, just add this CSS in Jupiter -> Theme Options -> Advanced -> Custom CSS:

    .preloader-logo {
        object-fit: contain;
    }

    Apparently, there is a CSS somewhere that is affecting it, but the above CSS fix will resolve the issue.

    2- This CSS will show the project titles on mobile devices for the related projects section:

    @media screen and (max-width: 768px) {
        .portfolio-similar-posts-image .portfolio-similar-meta {
            opacity: 1;
            bottom: 10px;
        }
    }

    Best Regards

    frederico honrado

    Hi,

    Thanks for your fast reply.

    It worked.

    Just one thing missing: instead of 4 related projects on mobile, is it possible to show only 2?

    Thanks

    Nodari Support Team

    Hi there

     

    you can use this css to hide last 2 items of the related portfolios:

    @media screen and (max-width: 768px) {
    .portfolio-similar-posts ul li:nth-child(3), .portfolio-similar-posts ul li:nth-child(4) {
        display: none;
    }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
You must be logged in to reply to this topic. Login