Issue of Olivero Theme on mobile display

Thanks for reporting.

Maybe you can add some screendumps to visualize this, and also maybe sketch how you want it to be displayed instead?

You can use Responsive Design Mode (Ctrl+Shift+M) in Firefox.

Hi, ressa,

Attached 2 files of screendumps. It is in Hebrew so please notice the main issues:

There are 2 pictures of the same content, portrait and landscape.
The block layout suppose to be Side Bar, however, as you can see, content displays full wide, in both modes.
Also, the image size is quite large, with too much space between rows, in landscape mode.

It is not showing in pictures, but Social Bar is placed at bottom, instead of right-up side. Looks much different from desktop..

All above tested on IPHONE/Safari. It is ok on desktop display.

You can use Responsive Design Mode (Ctrl+Shift+M) in Firefox.

I installed FireFox on my IPHONE and it is in Mobile Mode. Same above issues as with Safari.
Do not know how change to Responsive Design Mode in IPHONE?

Thanks

Great, thanks.

Sorry, if I was not clear enough. The reason I recommend you to use Firefox, is to install it on your computer, to easier make screendumps, try different resolutions, and so on.

The fact that you are using RTL displayed language, and not LTR could be significant, so perhaps you can check if it also happens with English text (LTR)?

Firefox also has a "Switch Text Direction" if you right-click on the web page. Again, probably most efficient do this on a computer, and not a phone, or maybe Firefox on a phone has this as well?

OK, however I do not have any problem on my computer, Olivero Theme looks very nice, as you can see in the new screenshot attached from my desktop:
SIDE BAR is narrow at left-side, Social Bar is on right-up side, everything as block's layout.

I do have issues on my IPHONE. Do not know if it has to do with RTL and how to check it..
BTW: I saw this link regarding Olivero that highlighting "Mobile-First Design" and "RTL Language Support".. I do not believe every thing written.. :) at least hope this is the vision and those issues repairable.
https://www.axelerant.com/blog/olivero-a-deep-dive-into-drupal-10s-defau...

Thanks

Per the designs, as the screen size shrinks, the sidebar is moved below the main content and is allowed to take up more space on the grid container. If you have design suggestions, please share them, but as-is, I don't believe this is an issue.

as the screen size shrinks,

Do you mean that since mobile mode has smaller display, SIDE BAR is forced to take up more space, full wide?
So this is not SIDE BAR any more. As well regarding Social Bar: Placed in a different area.

In general, Theme tries to keep design/look, on desktop and on mobile, similar as possible.You can see it with e.g Bartik.
Interesting to know: In your mobile, Olivero looks similar as on desktop? Maybe in English there is no issue..

My issue is a concept issue, but not design issue. SIDE BAR should be at side, on both displays (mobile & desktop).
When design is much different, it is not design suggestion