Hi, i've a problem with the team member bio modal feature. If I put in the bio a lot of text, in the tablet device, i can't scroll down. This problem is visible on your demo too, if i put more text by inspector.
Furthermore, I attached a screenshot of your demo site on the tablet device. As you can see, the title is hidden under the header.
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: 1025px) and (min-width: 1px) {
.nectar_team_member_overlay .team_member_details {
padding-top: 10% !important;
}
.nectar_team_member_overlay .inner-wrap {
overflow-y: visible !important;
}
}
I had put out of the @media, the overflow-y property, because the ipad pro is bigger then 1025px.
I found a new issue in the same feature: when i scroll for read a long text, while the bio is open, the rest of page scroll too. How can limit the scroll only for the bio?
Hi, i've a problem with the team member bio modal feature. If I put in the bio a lot of text, in the tablet device, i can't scroll down. This problem is visible on your demo too, if i put more text by inspector.
Furthermore, I attached a screenshot of your demo site on the tablet device. As you can see, the title is hidden under the header.
How can fix it?
Thank you
Hey,
Please provide the page URL so I may write up the custom CSS for this request.
Thanks
ThemeNectar Support Team
This is the your demo's link:
http://themenectar.com/demo/salient-promo/team-member/
Even here the issue is visibile.
Thanks
Hey Again,
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: 1025px) and (min-width: 1px) { .nectar_team_member_overlay .team_member_details { padding-top: 10% !important; } .nectar_team_member_overlay .inner-wrap { overflow-y: visible !important; } }Thanks
ThemeNectar Support Team
Perfect, works!
I had put out of the @media, the overflow-y property, because the ipad pro is bigger then 1025px.
I found a new issue in the same feature: when i scroll for read a long text, while the bio is open, the rest of page scroll too. How can limit the scroll only for the bio?
Obviously the issue is visible at the same link
Thank you