Web SDK overriding min-width:1100px;

Meeting SDK Web
1

Description
After implementing zoom sdk,styling in my react website got overridden.it added min-width:1100px; I tried to override with !important, inline styling but it did not work.In the console it shows overridden,but it still applies to the page

Error
Can not override min width:1100px;

Which Web Client SDK version?
1.9.1

To Reproduce(If applicable)
Steps to reproduce the behavior:

  1. Implement zoom web sdk
  2. Right click on the page and click inspect
  3. See styling applied to body element
  4. Try to override it

Screenshots
Linguist — Mozilla Firefox 20.05.2021 12_11_49 (2)

Device (please complete the following information):

  • Device: laptop
  • OS: windows 10
  • Browser: Firefox

Additional context
Add any other context about the problem here.

2

Hey @gulhuseynsadiqli,

Thank you for reaching out to the Zoom Developer Forum. Currently, the Web SDK doesn’t support customizations such as restyling or resizing.

However, we plan to release a more customizable version with Web SDK 2.0.

The fact that we don’t support this doesn’t mean it can’t be done but you should carefully test any custom CSS to confirm it doesn’t introduce any issues.

I’ve seen other developers successfully restyle the Web SDK so maybe another community member can offer some advice.

Thanks,
Max