Avada › Forums › Community Forum › Optimum Breakpoints for Avada Responsive & Large Screens?
Tagged: responsive, design
-
AuthorPosts
-
Hi,
I am trying to find the optimum breakpoints for my website using Avada. Default breakpoints are good in small devices but not on large devices like smartTV or large desktop screens. All the coloumns go to next row many times and design is lost. Help me with optimum breakpoints which should be saved in Avada settings or may be in CSS. Thank you.
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}
/* Extra large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {}
/* Extra large devices (large laptops and desktops, 1692px and up) */
@media only screen and (min-width: 16920px) {}
-
AuthorPosts
- You must be logged in to reply to this topic.