Okay
  Public Ticket #906618
Team Member Meta and Overlay Force Display on Mobile
Closed

Comments

  •  5
    Mark started the conversation
    September 29, 2016 at 8:07pm

    I want the team member meta and overlay to display by default on mobile.

    Any CSS pointers to force the display of the team member overlay and meta on mobile?

    Thanx

  •  3,028
    Andrew replied
    September 30, 2016 at 2:13am

    Hi Mark,

    Thanks for reaching out to us regarding this query. 

    I believe I could help you out with some Custom CSS for this. 

    Could you please provide me with a link to the page that you have the team member element on so that I may find some code?

    Looking forward to your reply,

    Best Regards.

  •   Mark replied privately
  •  3,028
    Andrew replied
    September 30, 2016 at 6:52pm

    Hi Mark,

    About making the meta data and overlay permanent on mobile, please try the following CSS:

    @media only screen and (max-device-width : 480px) {
    .team-member[data-style="meta_overlaid_alt"] .team-meta{
        transform:none !important;
        opacity:1 !important;
        
    }
    .team-member[data-style="meta_overlaid_alt"]:after {
        opacity: 1 !important;
    }
    }

    Hope this helps.

  •  5
    Mark replied
    September 30, 2016 at 7:43pm

    Seems to work great. Thanx!