Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1242460

    Hi, i am using Enfold theme and I would like to know if there is a possibility to have and hover effect on portfolio gallery items on mobile devices or alternatively the possibility of adding a colored rectangle behind the title, so on mobile devices the title of the project is visible.
    Attached you will find the link where i am using enfold and other two links of example for my request.
    Thank you very much.

    #1243814

    Hey argentinadelfina,
    Sorry for the late reply, mobile devices don’t have a “hover” or “mouse-over” event, there are javascripts that offer “long-touch” and such.
    I checked the site you linked to for the “mobile hover” elements but they didn’t work for me, what I found was touching the item would show the title while the page was loading, so the event was a “click”.

    But if you would like to add a white box with the title to show over your images for mobile, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { 
    .grid-image:before {
      content: attr(title);
      color: red;
      font-size: 1em;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      background-color: #fff;
      width: 50%;
    }
    .grid-content {
    	display: none;
    }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1243877

    Thanks for the answer I will try it.

    #1243994

    Hi,
    We will leave this open to hear back from you if this helped.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.