Woodmart Tabs with HTML block not displaying correctly

[media]

Hello,
I came across the problem that HMTL block are not displayed correctly in the tabs on mobile. In the HTML block editor everything looks fine but when I insert the block in the tabs the mobile view is like a shrinked version of the desktop view not the mobile, which I have set up.

I have attached the screenshots below.
1st: Desktop view
2nd: Mobile view
3rd: View of the html block as it should look like

Thanks in advance,
Felix

• This topic was modified 1 year, 1 month ago by media.
• This topic was modified 1 year, 1 month ago by media.

Attachments:

You must be logged in to view attached files.

Hello,

Ok, could you please provide access to the admin dashboard so I can check the issue on your side? Also, please send me a link of where you have defined such an element.

Looking forward to collaborating with you!

Kind Regards

Hello,
Please check the private message.

Best regards,
Felix

[Luke Nielsen]

Hello,

After I looked into the situation, I found that the Elementor generate CSS for a such block in the wrong way, therefore this issue is not related to the theme.

So when the issue appears, you need to navigate to Elementor -> Tools -> General and Regenerate files and data (more detail in the below video).

https://monosnap.com/file/JOgdVxrNgC8LunK8sEBgQhLt4ODDmD

Kind Regards

• This reply was modified 1 year, 1 month ago by Luke Nielsen.

Hello,
thanks for the solution!

I have one more question regarding the tabs. When I’m using a carousell within a tab (not the first tab) the carousell does not work. Do you have any solution for this?
What I have read on the tab click you need a script that does a resize of the window.

Thanks

Hello,

On my side, it works well, here is a video: https://monosnap.com/file/JqznFSFLO4vhcVskdxboj7CzhbHsBg

If I missed something, please let me know.

Kind Regards

[Author]

Posts