Avada Forums Community Forum Optimum Breakpoints for Avada Responsive & Large Screens?

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • bhasker_thapan
    Participant
    Post count: 2

    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.

    keyuramins
    Participant
    Post count: 4

    /* 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) {

    }

    counter2k
    Participant
    Post count: 1

    Is this für the Custom CSS??

    or where should i put this in?

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.