Okay
  Public Ticket #1994000
Team Modal Close
Closed

Comments

  • Beth started the conversation

    Hi, is it possible to fix the 'X' close button to the top right corner of the team Bio modal rather than it move around with your cursor please? The problem is some people will hit the back button in the browser and that doesn't take them back to the Team page. Please see screenshot for the position I would like the close to be fixed to. Her's hoping :)

  •  8,994
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        display: block;
        height: 32px;
        width: 32px;
        border-radius: 50px;
        transform-origin: center;
        margin-bottom: 10px;
        cursor: pointer;
        border: 2px solid #f9f9f9 !important;
    }
    .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:before {
        position: absolute;
        display: block;
        height: 2px;
        width: 16px;
        left: 6px;
        top: 13px;
        content: ' ';background-color: #f9f9f9 !important;
    }
    .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close:after {
        position: absolute;
        display: block;
        height: 16px;
        width: 2px;
        left: 13px;
        top: 6px;
        content: ' ';background-color: #f9f9f9 !important;
    }
    .nectar_team_member_close.null.visible {
        opacity: 0 !important;
    }

    Thanks


    ThemeNectar Support Team 

  • Beth replied

    Hey Tahir that's a great solution Thank you so much :)