[GH-ISSUE #2265] [feature]: Sidebar is not visible when the window size is small #785

New issue

Closed

opened 2026-03-16 17:11:33 +03:00 by kerem · 2 comments

kerem commented

2026-03-16 17:11:33 +03:00

Owner

Originally created by @jvinis on GitHub (Apr 14, 2022).
Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2265

Is there an existing issue for this?

I have searched the existing issues

Summary

Sidebar is not visible when the window size is small, it used to work in previous versions work as:

when size was enough, display the sidebar on the right
when size was not enough, display the sidebar bellow

now work as:

when size was enough, display the sidebar on the right
when size was not enough, hide the sidebar

Why should this be worked on?

I work in a screen, where on the left I have the vscode and on the right i have the hoppscotch about 10% of the screen (you can think it as mobile screen size). How can I choose requests from collection, or set environment variables ?
I have to expand the hoppscotch choose the request and the bring it back to small size.

Originally created by @jvinis on GitHub (Apr 14, 2022). Original GitHub issue: https://github.com/hoppscotch/hoppscotch/issues/2265 ### Is there an existing issue for this? - [X] I have searched the existing issues ### Summary Sidebar is not visible when the window size is small, it used to work in previous versions work as: 1) when size was enough, display the sidebar on the right 2) when size was not enough, display the sidebar bellow now work as: 1) when size was enough, display the sidebar on the right 2) when size was not enough, hide the sidebar ### Why should this be worked on? I work in a screen, where on the left I have the vscode and on the right i have the hoppscotch about 10% of the screen (you can think it as mobile screen size). How can I choose requests from collection, or set environment variables ? I have to expand the hoppscotch choose the request and the bring it back to small size.

kerem

2026-03-16 17:11:33 +03:00

closed this issue
added the
feature
label

kerem commented

2026-03-16 17:11:49 +03:00

Author

Owner

@liyasthomas commented on GitHub (Apr 14, 2022):

You can make the sidebar visible on small screens by clicking on the "Options" button in the top header > "Expand Collection Panel".

Step 1. Click on the "Options" button

Step 2. Click "Expand Collection Panel"

@liyasthomas commented on GitHub (Apr 14, 2022): You can make the sidebar visible on small screens by clicking on the "Options" button in the top header > "Expand Collection Panel". <table> <tr> <td>Step 1. Click on the "Options" button</td> <td>Step 2. Click "Expand Collection Panel"</td> <tr/> <tr> <td> ![hoppscotch io_](https://user-images.githubusercontent.com/10395817/163394566-3db64e06-2da3-4045-8441-07d1a6168e6a.png) </td> <td> ![hoppscotch io_ (1)](https://user-images.githubusercontent.com/10395817/163394557-c7bdc3bb-b0e6-4aa3-b177-7c5461cd9de0.png) </td> </table>

kerem commented

2026-03-16 17:11:54 +03:00

Author

Owner

@jvinis commented on GitHub (Apr 15, 2022):

Thanks,
my problem was that

I work in zen mode and the options icon are tied to zen mode.
the support icon button in large screen is transformed to options icon button in small screen !!

Why the options and settings is two different screens?

My suggestion is

the support icon button, should remain support icon button
combine options and settings into one screen, where can be opened by click on settings
the setting [expand collection panel] should be saved between screen changes

@jvinis commented on GitHub (Apr 15, 2022): Thanks, my problem was that 1. I work in zen mode and the options icon are tied to zen mode. 2. the support icon button in large screen is transformed to options icon button in small screen !! Why the options and settings is two different screens? My suggestion is 1. the support icon button, should remain support icon button 1. combine options and settings into one screen, where can be opened by click on settings 3. the setting [expand collection panel] should be saved between screen changes

kerem referenced this issue

2026-03-17 00:31:38 +03:00

[PR #785] [CLOSED] #760 - Mobile responsiveness issue fix #2859