Title: Make nice select Dropdown full width ? Last modified: April 9, 2021 --- # Make nice select Dropdown full width ? * Resolved [marzmuso](https://wordpress.org/support/users/marzmuso/) * (@marzmuso) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/) * Hi, I am testing your free version to see if it serves my purposes. So far the free feature set is really generous and performance is good. * My issue: * I am using Rehub theme which is 100% buddypress compatible. So my theme has 2 built in custom tabs for buddy press navigation menu. This allows me to display posts and also a sub tab to display a form. * The tabs and form are both showing fine with my content just like in regular buddypress so there’s no conflict with youzify activated, but I noticed .nice select for my form does not render full width. * Are you able to kindly provide the CSS or custom code or the youzify class to force nice select dropdown to be full width ? * Note: I’m not sure if the form plugin class must also be included ? In my case it’s .wpfepp-form … * 2. It seems popup modals do not like youzify. The z-index of header and nav cover my popup modal when triggered. Any thoughts on how to fix that ? * Thanks 🙂 Viewing 9 replies - 1 through 9 (of 9 total) * Plugin Support [Youzify](https://wordpress.org/support/users/kainelabsteam/) * (@kainelabsteam) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14295929) * Hello [@marzmuso](https://wordpress.org/support/users/marzmuso/), * Hope you are doing well. * Thanks for using our plugin we are happy that you liked it. * Yes of course I will do my best to help you. * Can you please send me a link to the page where that nice select exists, and a link to check the modal also, so I can test the CSS on it live through the browser and send you a 100% working CSS snippet to solve these problems 🙂 * Waiting for your reply. * Best Regards, KaineLabs Team. * Thread Starter [marzmuso](https://wordpress.org/support/users/marzmuso/) * (@marzmuso) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14296125) * 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 🙂 * Plugin Support [Youzify](https://wordpress.org/support/users/kainelabsteam/) * (@kainelabsteam) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14300553) * Hello [@marzmuso](https://wordpress.org/support/users/marzmuso/), * Thanks for your reply. * I’m a bit confused, do you mean that the snippet above resolved the issue? if it worked fine then it should be good as you are using “.youzify” in the beginning it won’t conflict with other plugins 🙂 * Best Regards, KaineLabs Team. - This reply was modified 5 years, 1 month ago by [Youzify](https://wordpress.org/support/users/kainelabsteam/). * Thread Starter [marzmuso](https://wordpress.org/support/users/marzmuso/) * (@marzmuso) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14300602) * 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 * Plugin Support [Youzify](https://wordpress.org/support/users/kainelabsteam/) * (@kainelabsteam) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14300633) * Hello [@marzmuso](https://wordpress.org/support/users/marzmuso/), * Oh! Great happy that you resolved it. * We really never tried anyone before, but we already have a Lightbox popup for images in Youzify and in case you wanna try another one I can give you a code snippet to disable our Lightbox to avoid any kind of conflicts with other ones 🙂 * Best Regards, KaineLabs Team. * Thread Starter [marzmuso](https://wordpress.org/support/users/marzmuso/) * (@marzmuso) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14300976) * 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 ! 🙂 * Plugin Support [Youzify](https://wordpress.org/support/users/kainelabsteam/) * (@kainelabsteam) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14302484) * Hello [@marzmuso](https://wordpress.org/support/users/marzmuso/), * Thanks for your reply! * I really didn’t understand what you want to achieve. Can you please record me a short video or send me a screenshot so I can have a clear idea and help you? * You are welcome. * Best Regards, KaineLabs Team. * Thread Starter [marzmuso](https://wordpress.org/support/users/marzmuso/) * (@marzmuso) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14326137) * 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 * Plugin Support [Youzify](https://wordpress.org/support/users/kainelabsteam/) * (@kainelabsteam) * [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14332423) * Hello [@marzmuso](https://wordpress.org/support/users/marzmuso/), * Ah! Thanks for the clarification! * Sorry, actually this will require a bit of work by our support team, to take a closer look at your site and figure out a way to do it so in case it’s not possible we will do changes in our code to make it possible. * If you could consider getting a Pro License, just open a new ticket at our premium support forum and our support team will take care of this for you 🙂 * You are welcome. * Best Regards, KaineLabs Team. Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Make nice select Dropdown full width ?’ is closed to new replies. * ![](https://ps.w.org/youzify/assets/icon-256x256.png?rev=2487434) * [Youzify – BuddyPress Community, User Profile, Social Network & Membership Plugin for WordPress](https://wordpress.org/plugins/youzify/) * [Frequently Asked Questions](https://wordpress.org/plugins/youzify/#faq) * [Support Threads](https://wordpress.org/support/plugin/youzify/) * [Active Topics](https://wordpress.org/support/plugin/youzify/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/youzify/unresolved/) * [Reviews](https://wordpress.org/support/plugin/youzify/reviews/) ## Tags * [select2](https://wordpress.org/support/topic-tag/select2/) * 9 replies * 2 participants * Last reply from: [Youzify](https://wordpress.org/support/users/kainelabsteam/) * Last activity: [5 years, 1 month ago](https://wordpress.org/support/topic/make-nice-select-dropdown-full-width/#post-14332423) * Status: resolved