Title: HTML Code Element Not Responsive
Last modified: January 7, 2020
---
# HTML Code Element Not Responsive
* [naestanteonline](https://wordpress.org/support/users/naestanteonline/)
* (@naestanteonline)
* [6 years, 5 months ago](https://wordpress.org/support/topic/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](https://i.imgur.com/nB5ZiDw.png)
* How it’s supposed to look on mobile: [https://i.imgur.com/UIXe4Jf.jpg](https://i.imgur.com/UIXe4Jf.jpg)
* How it looks embedded with Elementor: [https://i.imgur.com/OTKiXcm.png](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](https://pastebin.com/ruwgD1dF)
- This topic was modified 6 years, 5 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
* The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhtml-code-element-not-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
to see the link]_
Viewing 2 replies - 1 through 2 (of 2 total)
* Thread Starter [naestanteonline](https://wordpress.org/support/users/naestanteonline/)
* (@naestanteonline)
* [6 years, 5 months ago](https://wordpress.org/support/topic/html-code-element-not-responsive/#post-12298310)
* 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](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](https://i.imgur.com/keZYR3J.png)
* > [View post on imgur.com](https://imgur.com/Kq6jNe0)
* It’s also worth noting that there are no media queries being used in the new
code.
* [Elementor](https://wordpress.org/support/users/davidr90/)
* (@davidr90)
* [6 years, 5 months ago](https://wordpress.org/support/topic/html-code-element-not-responsive/#post-12300776)
* 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/](https://www.facebook.com/groups/Elementors/)
Viewing 2 replies - 1 through 2 (of 2 total)
The topic ‘HTML Code Element Not Responsive’ is closed to new replies.
* 
* [Elementor Website Builder - more than just a page builder](https://wordpress.org/plugins/elementor/)
* [Frequently Asked Questions](https://wordpress.org/plugins/elementor/#faq)
* [Support Threads](https://wordpress.org/support/plugin/elementor/)
* [Active Topics](https://wordpress.org/support/plugin/elementor/active/)
* [Unresolved Topics](https://wordpress.org/support/plugin/elementor/unresolved/)
* [Reviews](https://wordpress.org/support/plugin/elementor/reviews/)
## Tags
* [embed](https://wordpress.org/support/topic-tag/embed/)
* [html](https://wordpress.org/support/topic-tag/html/)
* [javascript](https://wordpress.org/support/topic-tag/javascript/)
* [mobile](https://wordpress.org/support/topic-tag/mobile/)
* 2 replies
* 2 participants
* Last reply from: [Elementor](https://wordpress.org/support/users/davidr90/)
* Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/html-code-element-not-responsive/#post-12300776)
* Status: not resolved