53
Views
3
Comments
Solved
Not to render screen objects
Question
Application Type
Reactive

Hi guys,

Please, I'm trying to format my menu exactly like this forum app. Not rendering objects when you reduce screen size horizontaly.

Iwant to have my menu fixed (or not with the button menu and I would like to limit the size horizontaly that my screen will have)

I put image from Asana as I would like and how my app is doing today. I dont't finding where I can adjust it to set it to not rendered.

Today I'm using side menu Layout. And my menu I put open or close without automatic content rendering

Some images attached. Thanks who can help.

ScreenResponsible2.PNG
ScreenResponsible3.PNG
ScreenAsIt2.PNG
ScreenResponsible1.PNG
ScreenAsIt.PNG
2024-11-07 03-28-42
Stuart Harris
Champion
Solution

Hi Elaine,

There are a few ways to do this. Although, I'm surprised the side menu isn't responsive already.

Anyway, media queries can help change watch is displayed based on the width of the screen.

Normally you would set the widget to hidden using display:none, then set it to display:block (or the appropriate display value) in a media query with min-width.

CSS Media Queries (w3schools.com)

I hope this helps!

Kind regards,

Stuart 

2023-06-17 23-16-53
Elaine Guimaraes

Thank you Stuart,

When I set a width to side menu, this works how I need, otherwise I will study css media that you sent! 

Thanks for helping 

2024-11-07 03-28-42
Stuart Harris
Champion
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.