Make nice select Dropdown full width ?

Hi,
Thanks for such a lightning fast response !

MY site is not public, I am testing youzify on my staging site.

MY theme developer gave me this code to fix ‘select 2’ dropdowns for buddypress because it also displays this same behavior on regular BP but it wont work on youzify ofcourse:

//
function bd_disable_select2_bp($state){
	$body_classes = get_body_class();
	if( in_array( 'bp-user', $body_classes ) )
		return false;
	return true;
}
add_filter( 'wpfepp_select2_script', 'bd_disable_select2_bp' );

I just tried this class with the width set to 100% & it seems to work. Does it need any special class like [ #youzify .youzify select .youzify ] class ?

.youzify .select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

Thanks 🙂

Hi,
Yes apologies, it is working now. I just wanted to be certain of the correct CSS class but you have answered my question.

Can you tell me if youzify supports popup modals from ( 3rd party plugins ) on the main pages ?
How would one achieve this ?

Kind Regards

Hi,

Oh right, that youzify lightbox actually looks pretty good.

What I mean is because I’m running a multi vendor store I need to keep things looking consistent.

So I need to put a global button via shortcode that triggers a popup modal form on the main page.
Perhaps on the cover to the right where regular buddypress normally has add friend button.

Do you have a snippet to make that possible ?

I’m not a developer but if you can guide me on the correct youzify template that needs to be customised and how to echo do_shortcode to place a button in that area that would be awesome !

Thanks again ! 🙂

Hi,
Apologies, I may have not explained it clear enough.

I want to put a popup modal / button from my theme or elementor on the youzify cover section above the navigation menu to the right ! That’s it.

Thanks
Marz