Wide screen monitor and Kite issue

General
1

Hi,

I have a 27 inch monitor [BenQ GW2790 27" 1920x1080p FHD IPS Monitor] and kite session seems to leave space on both the sides.

I’ve attached screenshot of the kite browser session. the display settings are checked, double checked. other sites are working fine - which concludes that kite does not use the extra space on the sides OR it does not identify the screen resolution?

Chrome and Firefox checked - both have same issue.

any help is appreciated.

thanks!

screenissue
screenissue1920×1080 90.5 KB

2

I have told them this like 5 times now. The only reply so far, is they will consider this after the new marketwatch and native option chain comes out.

1 Like
3

In my opinion, this is done in order to reduce the screen lag while you minimize the screen keeping the responsive nature intact. The same can be seen for X, where a lot of space is left on both sides

Might be entirely a different issue

1 Like
4

Screen lag? That is not a valid excuse for them. Look at the terminals of AngelOne and Dhan. Smooth, reliable and feature packed yet simple and usable. Zerodha isn’t investing in tech anymore.

2 Likes
5

As I said, I could be wrong. Just my opinion

2 Likes
6

its center design.

1 Like
7

When designing kite , they did not factor in wide monitor support. Hence the issue.

1 Like
8

Until then,
one can fix it for oneself
using custom-CSS on the Kite website
as described in this thread.

image
image711×442 87.6 KB

1 Like
9

After launching Kite and acquiring large customer base, their focus is only on profitability. They are years behind their counterparts in terms of features. They don’t care about their customers anymore.

1 Like
10

hi @cvs i’m guessing that we need to right click on inspect element and have your code pasted. I tried. could you share a few steps on getting this done please? And i’m guessing this needs to done at each launch of kite session.

.app .wrapper .app .container .container-right {
max-width: 100% !important;
}

.app .container .container-left .marketwatch-wrap {
min-width: 300px !important;
max-width: 20% !important;
}

11

Yes. Maybe something like this approach.

…or one can use a browser extension (eg. Stylus ),
that allows one to configure customer CSS per site/page
that is automatically applied only for the respective site/page.

:warning: WARNING - As always, do review the author/source of the browser extension and the permissions you allow it. Download browser-extensions only from trusted sources to stay safe/secure.

Also, you may want to experiment
modifying the values being assigned
(eg. 300px → 400px or 20% → 25%)
to match your display dimensions and personal preferences.

1 Like