Skip to Content (Press Enter)
2023-12-27 03-46-47
Lu JunFeng
36Views
2Comments
Solved
How to change .phone min-width
Question
Reactive
CSS
Application Type
Reactive

I found that when the page width is less than 768px, a class of [phone] will be added to the body tag, but I hope to customize this 768px value to 960px.

Looking forward to everyone's reply very much

thank you everyone

0
0
08 Dec 2023
Copy Link
2025-06-01 02-51-51
YASH PAL
Solution

Hi Lu

You can customize that CSS by just overriding that class on your screen and can add your css with the !important mark. 

as the 768px is size of media query. just like shown below

@media screen and (min-width: 480px) {
  body {
    background-color: lightgreen;
  }
} 

if your screen is at least 480px or greater than that.

so if you want to add your css into that you can just override that css with the same class name and query on your screen.

link for media query knowledge - https://www.w3schools.com/css/css3_mediaqueries.asp

0
0
08 Dec 2023
Copy Link
2023-12-27 03-46-47
Lu JunFeng

Thank you for your help, YASHPAL.

0
0
08 Dec 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.