Hello. I really like the Team options in Salient. On the link attached, the modal bio image appears on computers, but not on phones. How can I get the bio/modal image to appear on phones as well? I am using the "Meta Overlaid, Bio Modal" style. Thank you!
1) If I can't get the image to appear in the modal bio on mobile, then I'd like to disable that second/bio image. This will allow me to add the second image into the HTML section of the modal instead.
But when I remove the second/bio image from the Team Member settings, there is still a blank gray space on the right when clicking to open the modal. Please see the second screenshot attached. Can this gray area be removed so the bio can either be full-width, or shifted to the right to only take up half the screen?
2) Also, there's an odd circle appearing on mobile. See attached image. My guess is that should be an X with a circle around it, as clicking it closes the modal. But without the X in the middle, it just looks awkward. How can I get the X to show up in the circle? Also, it would be more natural if the X was right-justified instead of on the left. Is this possible via CSS? Thank you!
Thank you. I'm not sure how it happened, but I am now seeing a black X to close the mobile modal. So that is working now.
I had removed the Salient Team module yesterday because the client wanted to see an alternative Team option. But we all still prefer the Salient Team module. Both Team modules are now on that page so you can view it.
Is there any way for the X button in the team modal to be aligned to the right instead of the left?
Hello. I really like the Team options in Salient. On the link attached, the modal bio image appears on computers, but not on phones. How can I get the bio/modal image to appear on phones as well? I am using the "Meta Overlaid, Bio Modal" style. Thank you!
Hi There,
Please send us screenshots on where the team element is located.
Thanks.
Sure. I have attached a screenshot. It is on this page at the very bottom: https://radiantsites.net/jost/about/
FYI, it would also be great to have control over the fonts used for the Name and Job Position. Is that possible?
Hi There,
I am afraid, the image does not appear on phone just the text on the bio modal.
Thanks.
That's unfortunate. Is there a way to manage the font styles for the Name and Job Position?
Ok, so a few things.
1) If I can't get the image to appear in the modal bio on mobile, then I'd like to disable that second/bio image. This will allow me to add the second image into the HTML section of the modal instead.
But when I remove the second/bio image from the Team Member settings, there is still a blank gray space on the right when clicking to open the modal. Please see the second screenshot attached. Can this gray area be removed so the bio can either be full-width, or shifted to the right to only take up half the screen?
2) Also, there's an odd circle appearing on mobile. See attached image. My guess is that should be an X with a circle around it, as clicking it closes the modal. But without the X in the middle, it just looks awkward. How can I get the X to show up in the circle? Also, it would be more natural if the X was right-justified instead of on the left. Is this possible via CSS? Thank you!
Hi There,
1. Please try this css:
.nectar_team_member_overlay .team_member_picture {display: none;
}
2. I am not able replicate this from my end , please try clearing cache and check again.
Thanks.
Thank you. I'm not sure how it happened, but I am now seeing a black X to close the mobile modal. So that is working now.
I had removed the Salient Team module yesterday because the client wanted to see an alternative Team option. But we all still prefer the Salient Team module. Both Team modules are now on that page so you can view it.
Is there any way for the X button in the team modal to be aligned to the right instead of the left?
Hi There,
Please try this css:
@media only screen and (max-width: 999px) and (min-width: 1px){.nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
margin-left: 303px;
} }
Thanks.
Perfect! Thank you!!