Grid cell spacing doesn't align for mobile responsive - Support

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

Author

Posts
August 19, 2019 at 3:32 pm #1128930

mhiller
Participant

I copied the code to change the gap between grid cells from this page https://kriesi.at/documentation/enfold/grid-row/. It worked perfectly on desktop, but the cells don’t quite align on the right hand side in mobile/responsive view. Website is here: http://www.jet-cxo.com . Ideas? Thanks!

August 20, 2019 at 7:25 pm #1129293
Victoria
Inactive Moderator
Hey mhiller,

Which code have you used? You need to wrap in the media query like so:
```
@media only screen and (min-width: 1024px) {
  /* Add your Desktop Styles here */

}
```
Best regards,
Victoria
August 20, 2019 at 8:49 pm #1129329
mhiller
Participant
Hi Victoria,
I copied the code exactly from the aforementioned Kriesi webpage per below. So I would need to restyle the mobile page within the media query you posted above? Am I correct that I should do the same thing anytime I am using grid rows on other sites?

Thanks!
```
/*----------------------------------------
// Grid cell gap
//--------------------------------------*/

#top .flex_cell {
    border-width: 24px!important;
    border-right-width: 0px!important;
    border-bottom-width: 0px!important;
    border-style: solid!important;
    border-color:#FFF!important;
}

#top .flex_cell:last-child {
    border-right-width: 24px!important;
}
```
August 20, 2019 at 9:37 pm #1129359
Victoria
Inactive Moderator
Hi mhiller,

Try using it like this:
```
@media only screen and (min-width: 1024px) {
    /*----------------------------------------
  // Grid cell gap
  //--------------------------------------*/

  #top .flex_cell {
      border-width: 24px!important;
      border-right-width: 0px!important;
      border-bottom-width: 0px!important;
      border-style: solid!important;
      border-color:#FFF!important;
  }

  #top .flex_cell:last-child {
      border-right-width: 24px!important;
  }
}
```
Yes, you can use this code on other Enfold websites.

Best regards,
Victoria
Author

Posts

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

You must be logged in to reply to this topic.