Need Help with Elementor tabs

kopl

New member

Apr 1, 2020

11

1

3

• Oct 18, 2020

• #1

I created 3 tabs on the elementor with the Powerpack advanced tab element, which loads three product templates. The first tab works correctly, but the other two when i click on them they only display the first product with changed width and height. Although the problem does not remain when i open the object inspector for some unknown reason. Is there any way to fix this?

https://ibb.co/VTHfVFs
https://ibb.co/1850Qcd
https://ibb.co/cYXwPC2

 

Saint Gabriel

Well-known member

Jan 3, 2020

2,998

3,049

113

• Oct 18, 2020

• #2

Does the tab widget allow you use saved templates?

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Oct 18, 2020

• #3

Can you select to have the dev console in a separate window, so that it doesn't take up space in the main window? You can do that under the three dots, first choice. I think then it will not change the behaviour when inspecting the source code. But what do you see there then?

 

kopl

New member

Apr 1, 2020

11

1

3

• Oct 19, 2020

• #4

RonanTheAccuser said:

Does the tab widget allow you use saved templates?

Click to expand...

Yes it does allow me to use saved templates. Although it works fine only in the first tab.

 

kopl

New member

Apr 1, 2020

11

1

3

• Oct 19, 2020

• #5

frizzel said:

Can you select to have the dev console in a separate window, so that it doesn't take up space in the main window? You can do that under the three dots, first choice. I think then it will not change the behaviour when inspecting the source code. But what do you see there then?

Click to expand...

It says the following message

"This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. "

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Oct 19, 2020

• #6

So, there you have it, probably. Find where 'zoom' is used and override that with 'calc()' in your custom CSS. Also, inform the developer of the error message, so that he can adjust his plug-in.

 

kopl

New member

Apr 1, 2020

11

1

3

• Oct 19, 2020

• #7

frizzel said:

So, there you have it, probably. Find where 'zoom' is used and override that with 'calc()' in your custom CSS. Also, inform the developer of the error message, so that he can adjust his plug-in.

Click to expand...

It might be in the style.min css. I will try to change it and see if i can solve this

 

kopl

New member

Apr 1, 2020

11

1

3

• Oct 19, 2020

• #8

In chrome this warning is not visible. The problem still exists.

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Oct 19, 2020

• #9

Have you searched for and found where the property 'zoom' is used?

 

kopl

New member

Apr 1, 2020

11

1

3

• Oct 19, 2020

• #10

frizzel said:

Have you searched for and found where the property 'zoom' is used?

Click to expand...

The problem had to do with the carousel. I changed element and now it worked fine.