Viewing 1 replies (of 1 total)
  • Plugin Author Ignacio Perez

    (@igpremuo)

    By now it is not possible to change the visibility of the buttons, but you can add custom CSS code to do this.

    Copy and paste next code to the CSS field in Hover Image Button settings to hide buttons on mobile devices:

    @media handheld, only screen and (max-width: 767px) {
    	.hib-grid {
    		display: none !important;
    		width: 0;
    		height: 0;
    	}
    	.hib-container {
    		display: none !important;
    		width: 0;
    		height: 0;
    	}
    }

    Or use this code to hide on mobile and tablet devices:

    @media handheld, only screen and (max-width: 991px) {
    	.hib-grid {
    		display: none !important;
    		width: 0;
    		height: 0;
    	}
    	.hib-container {
    		display: none !important;
    		width: 0;
    		height: 0;
    	}
    }
Viewing 1 replies (of 1 total)

The topic ‘Hide Hover Image Button on mobile devices’ is closed to new replies.