Skip to content

Instantly share code, notes, and snippets.

@anastransvelo
Last active July 6, 2017 05:24
Show Gist options
  • Save anastransvelo/c7102efa53c96ba310f4441531bc553a to your computer and use it in GitHub Desktop.
Save anastransvelo/c7102efa53c96ba310f4441531bc553a to your computer and use it in GitHub Desktop.
Bethlehem grid plugin in mobile view changed
@media (max-width: 767px) {
.bethlehem-tiled-gallery .wp-tiles-grid {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-direction: column;
-webkit-flex-direction: column;
}
.bethlehem-tiled-gallery .wp-tiles-loaded .wp-tiles-tile-bg,
.bethlehem-tiled-gallery .wp-tiles-loaded .wp-tiles-tile,
.bethlehem-tiled-gallery .wp-tiles-loaded .wp-tiles-tile-with-image .wp-tiles-byline{
position: relative !important;
}
.bethlehem-tiled-gallery .wp-tiles-loaded .wp-tiles-tile,
.bethlehem-tiled-gallery .wp-tiles-loaded .wp-tiles-tile-wrapperw {
width: 100% !important;
height: auto !important;
top: 0 !important;
left: 0 !important;
margin-bottom: 14px;
}
.bethlehem-tiled-gallery .wp-tiles-byline-wrapper {
padding: 16px 0px 0 10px;
}
body.bethlehem-style-3 .content-area .bethlehem-tiled-gallery .gallery-content .wp-tiles-tile h4.wp-tiles-byline-title {
font-size: 20px;
}
body.bethlehem-style-3 .content-area .bethlehem-tiled-gallery .gallery-content .wp-tiles-tile .wp-tiles-byline-content {
font-size: 16px;
line-height: 1.3;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment