change the container height and make it html widget responsive

  • Hi,

    I want to embed a chart in html in wp, I have two versions of it with the size set and with the autosize.

    In the size set version look good in PC but on the other hand is not responsive, on the phone looks cut to the side.

    When I use the autosize version, it adjust to the screen in width but it seem to take the value of the container of the wp block for the height and looks really thin, narrow, so you cannot appreciated the details.

    You can see an example in the url I left here.

    Could someone help me to fix this, so I can put the responsive and autosize version but with a nice height???

    • This topic was modified 2 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Moved to Fixing WordPress, this is not an Developing with WordPress topic.

    I also dec-capped your topic title. Don’t yell.

    With this you could set the width to 100% on mobile devices:

    @media (max-width: 760px) {
.tradingview-widget-container > div > div, .tradingview-widget-container > div > div {
    width: 100% !important;
}
}
    Thread Starter josefigueroa92

    (@josefigueroa92)

    @threadi Doesnt work like that, I put it in the personalized css, is t how I suppouse to do it right?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘change the container height and make it html widget responsive’ is closed to new replies.