Viewport Break Values – swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 3 replies, 2 voices, and was last updated 7 years by David Martin – Support.

Viewing 4 posts - 1 through 4 (of 4 total)

Back to forum

Posted in: Uplift
April 5, 2017 at 5:30 pm #319831

Dev23847
Member

Post count: 124

Hi,

What are the different screen used by the theme, i.e. what are the different break points we should adhere to when adding “@media screen” statements to css file? Seems like 768px is one but would rather know for sure than try to guess.

Thanks 🙂

April 6, 2017 at 6:19 pm #319968
David Martin – Support
Moderator

Post count: 20834
We use the Bootstrap front-end framwork, broadly speaking it uses:
```
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
```
April 7, 2017 at 8:05 am #319999

Dev23847
Member

Post count: 124

thank you!

April 7, 2017 at 12:24 pm #320021

David Martin – Support
Moderator

Post count: 20834

Glad to help you out.
Back to forum

Posted in: Uplift

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.