Resolution of Service Portal

[User480841]

Hi Team,

whenever I'm trying to seeing the screen in Tablet & Mobile view but their resolution is not showing correctly.

what to do in this?
Please refer below images.
1. This is laptop page view

.

2. This is the tablet view

.

3. This is the Mobile View

Please help me in this

[Abhijit4]

You need to make your page responsive to all type of devices. 

There are two different ways to do it.

1. By using CSS media query, reference https://www.w3schools.com/css/css_rwd_mediaqueries.asp : With this method you can customize your view as per your need. 

2. By using bootstrap methods appropriately to act based on device dimensions.

Mark answer as Correct or Helpful based on impact.

[RaghavSh]

You need to set Media queries for various screen widths either at page level or theme or widget , whichever suites you.

There is lot of content available on various sites for media queries, You can get the widths from there and make changes accordingly.

There is never a specific answer to CSS related queries, that depends on how the DOM is setup in the page.

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

[User480841]

Hi @RaghavSh 
Can you plz tell me where I want to add in this page like Row, column or any other place

Ex.

[RaghavSh]

@User480841 Try in page specific CSS.

Please mark the answer correct/helpful accordingly.