Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #348556

    What’s the best way to make the team member image link on mobile devices? Currently, the image/link only works on desktop while on mobile you have to tap twice on the small icon underneath the team member image for the link – most people don’t know the icon is the link.

    #348806

    Hey codemode!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
    .team-img-container .team-social { visibility: visible; opacity: 1; }
    .avia-team-member .team-social { background: rgba(255,255,255,0.3); }}

    Regards,
    Yigit

    #349210

    Hmm, didn’t seem to work.

    Basically, the entire image (with the icon), should link through. I noticed on desktop, that although the icon appears over the image, only the icon links through (like a hot spot) and not the entire image. The entire image should be a link.

    Does that make sense?

    Thanks for your help.

    #349509

    Hi!

    Can you post the link to your website please?

    Regards,
    Yigit

    #349787
    This reply has been marked as private.
    #350401

    Hey!

    Please add this on functions.php to apply the link of the team member social icon to the team image:

    function avf_member_social_link() { ?>
    <script>
    (function($){
        $(window).load(function() {
        	$( ".avia-team-member" ).each(function( index ) {
    			var teamlink  = $(this).find(".team-social a").attr('href'),
    				teamimage = $(this).find(".avia_image_team"),
    				teamsoc   = $(this).find(".team-social")
    			
    			$(teamimage).wrap($('<a>',{
    				href: teamlink
    			}));
    			
    			$(teamsoc).click(function() {
    				window.location.href = teamlink;
    			});	  
    		});
        });
    	
    })(jQuery);
    </script>
    <?php
    }

    Add this on Quick CSS:

    .team-social {
    cursor: pointer;
    }

    You can remove this part of the code:

    $(teamimage).wrap($('<a>',{
    				href: teamlink
    			}));

    Best regards,
    Ismael

    #350493

    I added the css and the code to the bottom of functions.php and that didn’t work either. :/

    #351133

    Hey!

    It works on our installation. Please remove browser cache then test it again. There will be a short delay. Let the load page before testing it.

    Best regards,
    Ismael

    #351670
    This reply has been marked as private.
    #352025

    Hey!

    Please post the login details here. We would like to check it.

    Best regards,
    Ismael

    #356412

    Hi – unfortunately, I cannot give login details.

    I just removed all plugins and custom CSS, cleared all cache and it still didn’t work. Not sure what to do next.

    I think KRIESI should add an image link option to the TEAM MEMBER editor! Would make that module complete!

    #356575

    Hi!

    Unfortunately, we won’t be able to help you unless you give us the login details. Please request the feature on our Feature Requests page.

    Best regards,
    Ismael

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