78
Views
3
Comments
Top Menu on Mobile screen - Reactive Web
Question
Application Type
Reactive
Service Studio Version
11.54.24 (Build 62760)

Hello everybody!

I would like to know how to leave the top menu on mobile view. I am working with LayoutTopMenu and the menu stays on top only on desktop mode. If you change to mobile or tablet, it changes to side menu and I don't want that. 

Is there any way to keep the menu on top on mobile and tablet screens? 

Thank you in advance!

2023-10-28 11-02-41
Ruchi Dubey

Hi,

You can add css in your app like for mobile in outsystem we will use class

.phone <addyourclass>{display:none;}

or you can use media query also for both 

Below is the link hope this will help you.

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Or i you want to share you can share your OML also.

Thanks

Ruchi

2024-12-16 09-23-37
Toan Dinh

Hi 

You can add css in your app by Responsive web desgin or can you share your OML, i will add for you

Thanks

Toan

2023-03-30 15-07-51
MaríaPaz Jélvez

Hi guys! I really tried to do what you said but I get confused and not all changes have worked, so I'll really appreciate if you helped me with the oml. I couldn't upload the original since it has sensitive information and it is more than 4mb, so I have another just with the menu. 
Thank you!

PropuestaFrontEnd.oml
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.