Widget alignment in mobile view

Jaydee1
Tera Guru

Hi All, 

 

 I have a watchlist widget, when I open it in mobile view, its alignment gets disturbed. can anyone help of this issue. attached img is the widget.

 

Thanks,

Jaydee

 

 
 

 

1 ACCEPTED SOLUTION

Riya Verma
Kilo Sage
Kilo Sage

Hi @Jaydee1 ,

 

Hope you are doing great.

 

  1. Inspect the HTML and CSS of the watchlist widget in mobile view using browser developer tools. Look for any conflicting styles, missing media queries, or layout inconsistencies that might be causing the alignment issue.
  2. Use media queries to define specific styles for mobile devices and adjust the layout accordingly.
  3. Here's an example of a media query that targets mobile devices with a maximum width of 480 pixels:

 

@media only screen and (max-width: 480px) {
  /* Add your CSS rules here to adjust the widget for mobile view */
}
//you can modify pixels 

 

Please mark the appropriate response as correct answer and helpful, This may help other community users to follow correct solution.
Regards,
Riya Verma

View solution in original post

2 REPLIES 2

Riya Verma
Kilo Sage
Kilo Sage

Hi @Jaydee1 ,

 

Hope you are doing great.

 

  1. Inspect the HTML and CSS of the watchlist widget in mobile view using browser developer tools. Look for any conflicting styles, missing media queries, or layout inconsistencies that might be causing the alignment issue.
  2. Use media queries to define specific styles for mobile devices and adjust the layout accordingly.
  3. Here's an example of a media query that targets mobile devices with a maximum width of 480 pixels:

 

@media only screen and (max-width: 480px) {
  /* Add your CSS rules here to adjust the widget for mobile view */
}
//you can modify pixels 

 

Please mark the appropriate response as correct answer and helpful, This may help other community users to follow correct solution.
Regards,
Riya Verma

Thanks @Riya Verma