In Elementor Tabs Multicolumn form showing as Single Column layout

Hi @karbikar

You need to adjust the Elementor tab width. The UM Form has a grid system for responsiveness.

Regards,

yes… I have increased tab size to full width. Still Its not working… Its working when that particular tab as default tab(loads at first of the page). Else the same form loading as single column

Admin: https://prnt.sc/17t1f6f

Its loading properly in Page: https://prnt.sc/17t13qt
But not working in Tab https: https://prnt.sc/17t189v

Hi @karbikar

You can try tweaking the UM Grid system with javascript/jQuery:

jQuery(document).ready(function() {
   setTimeout(function() {
      jQuery(".um.um-profile").removeClass("uimob800");
      jQuery(".um.um-profile").addClass("uimob960");
   }, 1000);
});

Try using the inspect element of your browser to check the Profile form class so that you can change or remove that class the makes the form width shorter.

Regards,

I couldn’t get how to use the above. Anyhow I have tried to add those codes in Snippets. But its not working.

For your information without adding above code also its working when we inspect the page.
Look at the page https://karbiwears.com/register/ and go to inspect.

As well as Dropdown fields also having some customize issue..
https://prnt.sc/181q77t

Hi @karbikar

Did you change the column to one? I tried checking the elements and there’s only one column.

Regarding the Dropdown field issue, does it occur with a default WP theme such as 2021 or 2020? If not, you will have to tweak it as it has conflicts with your current theme.

Regards,

Thanks for the reply. For dropdown issue i will check with theme.

For Column issue in elementor tab Please check the below link
https://karbiwears.com/my-account/

Hi @karbikar

Can you try adding this javascript to your site?

jQuery(document).ready(function() {
   setTimeout(function() {
      jQuery(".um.um-profile").removeClass("uimob340");
   }, 1000);
});

After I manually removed that class uimob340 from the Buyer’s form element via Browser’s inspect element, the two-column works.

Regards,

To add JavaScript I am using code snippet
https://prnt.sc/18yjmv3

After adding like above also I couldnt see in 2 column. Its working as single columns only..

Hi @karbikar

Try changing those " to " in the code snippet.

Regards,

• This reply was modified 3 years, 7 months ago by Champ Camba.

Hi @champsupertramp

Already tried that. But no changes

Thanks

Just checking if you’re still having issues or you already have found another solution as I’ve seen on your site.

Please feel free to re-open this thread by changing the Topic Status to ‘Not Resolved’ if any other questions come up and we’d be happy to help. ??

Regards,