Premium WordPress Themes, Templates & Plugins › Support › WordPress Plugin Support › Hexagon Grid Columns › Reply To: Hexagon Grid Columns
July 23, 2021 at 10:14 am #11714
Keymaster
There is a rule for it actually in https://bendhealth.genesis-unlimited.com/wp-content/plugins/wpbakery-hexagon-masonry-gallery/assets/vc_hexagon_gallery_pro.css?ver=5.8:
@media (max-width: 900px) and (min-width:601px) { /* <- 3-2 mashexagonProagons per row */
#mashexagonProGrid{
padding-bottom: 7.4%;
font-size: 14px;
}
.mashexagonPro {
width: 33.333%; /* = 100 / 3 */
}
.mashexagonPro:nth-child(5n+4){ /* first mashexagonProagon of even rows */
margin-left:16.666%; /* = width of .mashexagonPro / 2 to indent even rows */
}
}
You need to change screen size for it like this:
@media (min-width:1201px) { /* = 100 / 3 */
#mashexagonProGrid{
padding-bottom: 7.4%;
font-size: 14px;
}
.mashexagonPro {
width: 33.333%; /* = 100 / 3 */
}
.mashexagonPro:nth-child(5n+4){ /* first mashexagonProagon of even rows */
margin-left:16.666%; /* = width of .mashexagonPro / 2 to indent even rows */
}
}
I hope this works for you.