Okay
  Public Ticket #4108386
Team Member Meta Below Bio Modal
Open

Comments

  •  2
    Boost87 started the conversation

    Hi. I use the Team Meamber Tool with the setting "Meta Below / Bio Modal. Is it possible to show the modal image on mobile phones? Actually i only see the text but the nice image is hidden an mobile phones. Thanks

  •  9,431
    Tahir replied

    Hey Again,

    Thanks for reaching out! .

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (max-width: 690px) {
        .nectar_team_member_overlay .team_member_picture {
            display: block !important;
            width: 100% !important;
        }
    
        .nectar_team_member_overlay .inner-wrap {
            flex-direction: column-reverse !important;
        }
    }
    
    

    Thanks

     

     


     Salient Support Team 


  •  2
    Boost87 replied

    Thanks for the quick reply. Now I can only see the image as a full screen on the display but can no longer scroll and can no longer see the text.

  •  9,431
    Tahir replied

    Please use this revised CSS:

    @media only screen and (max-width: 690px) {
        .nectar_team_member_overlay .team_member_picture {
            display: block !important;
            width: 100% !important;
            position: relative !important;
        }
    
        .nectar_team_member_overlay .inner-wrap {
            flex-direction: column-reverse !important;
        }
    }

    Thanks


     Salient Support Team 


  •  2
    Boost87 replied

    Great, thank you. It looks good like this. One last question. Is it possible that the image does not stay at the top but disappears when scrolling up with the text?

    Sorry for so many requests but I don't know CSS myself and am always surprised what you can do with it.

  •  9,431
    Tahir replied

    I am afraid thats not possible, however we can reduce the height of the image and its internal positioning if needed.


     Salient Support Team 


  •   Boost87 replied privately
  •  365
    Pat replied

    Hi there,

    I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.

    If you've enjoyed Salient, be sure to check out Nectarblocks, our latest innovation for building websites visually with WordPress.

    Your feedback is valuable to us and greatly appreciated!

    Should you have any further questions or encounter any difficulties along the way, please don't hesitate to reach out. 

    Best regards,

     

    Salient Theme Support

  •  2
    Boost87 replied

    Hi there. 

    On 8 July, 2025 you gave me a CSS Code to show the image on mobile for the Team Meamber Tool with the setting "Meta Below / Bio Modal . Now i use the same CSS Code on a other Website and it doesn't work. What can i do?

    Attached files:  Screenshot 2025-08-14 084748.png

  •  9,431
    Tahir replied

    Hi Again,

    Thanks for reaching out! .

    Could you provide the new site url ?. 

    Best,

     


     Salient Support Team 


  •  2
  •  9,431
    Tahir replied

    Thanks for the url, It seems to be working when I add it to the live browser: 9430388416.png

     

    Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .

    1. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    2. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks 


     Salient Support Team 


  •  2
    Boost87 replied

    Perfect, it works. Thank you and have a nice day. Greetings from germany

  •  3,278
    Austin replied

    Hi Manuel,

    Thank you for getting back to us.

    I'm glad we could assist. Feel free to contact us if you have any other queries.

    Cheers,