Changing Breakpoints

Snippets

Below you will find snippets for changing the breakpoints of various blocks.

getwid – Content Timeline Block

The timeline is full-width until the screen reaches 992px

The below snippet makes the timeline full width all the time.

@media screen and (min-width: 992px) {
    .wp-block-getwid-content-timeline-item__point {
        margin-left: -8px;
    }
    .wp-block-getwid-content-timeline-item__card {
        flex: 0 1 100% !important;
	-webkit-box-flex: 0 !important;
    }
    .wp-block-getwid-content-timeline-item.has-card-right .wp-block-getwid-content-timeline-item__card:after, 
    .wp-block-getwid-content-timeline-item:nth-child(2n) .wp-block-getwid-content-timeline-item__card:after, 
    .wp-block-getwid-content-timeline__line {
        left: 0 !important
    }
    .wp-block-getwid-content-timeline-item__meta {
        display: none;
    }
}