Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 18, 2019 at 9:28 am #1119854
    L-mobileGroup

    Dear support

    we found this code to change device breakpoint. But this works global, we want to restrict this code to a certain gridrow with 3 rows and a custom class/id lmcsfw –> but can not figure out where to place the class/id.

    @media only screen and (max-width: 1024px) {

.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    display: block;
  }
  
.responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet {
	display: block;	
  }
}

    Thank you for advice Marc

    July 19, 2019 at 1:14 pm #1120168
    Ismael

    Hey Marc,

    Thank you for using Enfold.

    You can apply a Section ID to the grid row element and use it to directly target that element. Insert the id right after the #wrap_all selector.

    .responsive #top #wrap_all #grid-id-here

    This assumes that you’ve used “grid-id-here” as the Section ID.

    Best regards,
    Ismael

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