Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 21, 2019 at 1:50 pm #1129570
    Bikul

    Hello

    I wonder if there is a list with all mediaquery breakpoints of the Enfold Theme?
    Or do I have to look in the Enfold CSS?

    Thank you!
    Bernd

    August 21, 2019 at 5:48 pm #1129663
    Victoria

    Hey Bernd,

    There is no such list, here are the basics

    
@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

    What exactly do you need?

    Best regards,
    Victoria

    August 21, 2019 at 8:56 pm #1129731
    Bikul

    Hello Victoria

    I checked the Enfold Style CSS and found following:

    /* large screens with 1140px with */
@media only screen and (min-width: 1140px)

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 989px)

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px)

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px)

    Correct me if this is not correct.

    Reason is: I have to make a lot of CSS-Changes for Tablets and Mobile and use the Microthemer Plugin for that.
    In the settings you have to put the different breakpoints. Then it is very comfortable to see and make CSS-changes.

    Thank you!
    Bernd

    August 21, 2019 at 9:26 pm #1129756
    Victoria

    Hi Bernd,

    Yes, you can use all of the above :)

    Best regards,
    Victoria

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