Woodmart Tabs with HTML block not displaying correctly
-
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 2 years, 4 months ago by
media.
-
This topic was modified 2 years, 4 months 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
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 2 years, 4 months 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