HTML Code Element Not Responsive
-
I wrote a calendar to be inserted via HTML through elementor, composed of several buttons. It got its own stylesheet and some javascript code. There are also media queries so the calendar can be responsive on mobile.
The problem is, the responsiveness works as an independent HTML page but if I embed it using Elementor, it still treats it as full width and it just breaks.
How it looks on desktop: https://i.imgur.com/nB5ZiDw.png
How it’s supposed to look on mobile: https://i.imgur.com/UIXe4Jf.jpg
How it looks embedded with Elementor: https://i.imgur.com/OTKiXcm.png
The page is as follows: [ redundant link removed ]
And the code I’m trying to embed: https://pastebin.com/ruwgD1dF
-
This topic was modified 6 years, 5 months ago by
Jan Dembowski.
The page I need help with: [log in to see the link]
-
This topic was modified 6 years, 5 months ago by
-
An update: I’ve managed to rewrite the code so everything fits together on the responsive preview. Here’s a picture: https://i.imgur.com/Mcmi0kD.png
But, for some weird reason, actually using the page in mobile, the first couple buttons are stretched to be 100% width, also changing its color, through media query, as seen in both of these pic: https://i.imgur.com/keZYR3J.png
It’s also worth noting that there are no media queries being used in the new code.
Hi,
Have you tried checking the custom code in the WP editor, and see if it show’s the same way on mobile?
If the custom code which you have embedded is written-well, our HTML widget should display it correctly.
If you have any question regarding custom code,
Maybe our facebook community can help you out with that!
https://www.facebook.com/groups/Elementors/
The topic ‘HTML Code Element Not Responsive’ is closed to new replies.