Okay
  Public Ticket #2876948
disable “close”-function for team member modal view
Closed

Comments

  •  2
    Alex started the conversation

    Hi

    How can i disable the “close”-function on desktop for the Team member Modal view? I want to embed Buttons and videos in the Team member detail but i cant click them bcs of the close function. i would prefer a normal close button like i the mobile view.

    best regards
    Alex

  •  8,844
    Tahir replied

    Hey Again,

    On which page can we view the Team Member Element?.

    Thanks 


    ThemeNectar Support Team 

  •   Alex replied privately
  •  8,844
    Tahir replied

    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):

    .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;
    }
    .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: ' ';
    }
    .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: ' ';
    }
    .nectar-close-indicator {
        display: none !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    Alex replied

    Hey Tahir

    Thanks for trying to help me. This while hide the Close Button - but not the function. you can still click anywhere and the modal will close. I want to disable the closing function but a special Button for closing like in the mobile view

    alex

  •  2
    Alex replied

    you will see the problem if you want to start the video in the second "success story" :-)

    alex

  •  8,844
    Tahir replied

    Hey Again,

    Escalating this to the developer for further response.

    Thanks 


    ThemeNectar Support Team 

  •  1,071
    ThemeNectar replied

    Hey Alex,

    The team member closer is always bound to trigger the close when clicking anywhere once the overlay is opened. Even on mobile that is the case - we just change the positioning of the close icon. Because the close event is bound via JavaScript, there's no easy way to alter that without editing the theme files at this time. However, I've noted to include a workaround in the upcoming release. If you'd like early access to that version you can download it from here: https://www.dropbox.com/s/agf3jq1nojefkpf/salient.zip?dl=0

    Also note that for your video players, you'll need to switch to using a regular iframe video embed from Youtube or something similar in order to have that work inside of the team member modal.

    Kind regards,

  •  2
    Alex replied

    Hi there

    This sounds great - is there already a plan when the version will be officially released? bcs i guess the dropbox files are not complete tested at this time - correct?

    Alex

  •  8,844
    Tahir replied

    Hey Again,

    I am afraid there is no ETA available at the moment as we are always adding additional features and improvements.

    However the Dropbox files provider Stable and can be used with no issue. 

    Thanks 


    ThemeNectar Support Team