Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 26, 2025 at 4:52 pm #1485958
    raslade

    Hi there

    I’m building a site where I’ve set the overlays to show permanently as they use a svg as a design element. See the link for example. The problem is on mobile, the overlays don’t show up.

    #top .slide-entry a .image-overlay {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: visible !important;
    opacity: 1 !important;
}

    Any help would be very much appreciated
    Richard

    June 27, 2025 at 7:28 am #1485992
    Ismael

    Hey Richard,

    Thank you for the inquiry.

    The image overlay is disabled on mobile devices by default. You can enable it back but you have to edit the themes/enfold/js/avia.js file and remove the following code from the avia_hover_effect function, around line 769.

    if( $.avia_utilities.isMobile )
		{
			return;
		}

    Make sure that the Enfold > Performance > File Compression is temporarily disabled. Let us know the result.

    Best regards,
    Ismael

    June 27, 2025 at 12:06 pm #1486032
    raslade

    Hey Ismael, super and of course. That works perfectly.

    Thanks
    Richard

    June 27, 2025 at 10:53 pm #1486055
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Blog post grid overlay not showing on mobile’ is closed to new replies.