The Gallery Alb got custom-class : flexed-gallery

Small Meeting
Enfold

ubiq-2Hq0WvL2Yc4-unsplash

Enfold

startup_dark

Enfold

kevin-canlas-e_mbJ0T0mes-unsplash

Small Meeting
Small Meeting
.flexed-gallery .avia-gallery-thumb {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;  /*** or use space-between, space-around, center etc. ***/
}

.flexed-gallery .avia-gallery-thumb > a {
  flex: 0 1 19%;
  margin-bottom: 1%;
  width: unset !important;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .flexed-gallery .avia-gallery-thumb > a {
    flex: 0 1 24%;
  }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
  .flexed-gallery .avia-gallery-thumb > a {
    flex: 0 1 32%;
  }
}


@media only screen and (min-width: 376px) and (max-width: 479px) {
  .flexed-gallery .avia-gallery-thumb > a {
    flex: 0 1 49%;
  }
}

@media only screen and (max-width: 375px) {
  .flexed-gallery .avia-gallery-thumb > a {
    flex: 1 1 100%;
  }
}

The Partnerlogo Grid Alb got custom-class : flexed-partnergrid

but default enfold layout is grouping the entries by column count setting …
– this had to be resolved first – wrapping all entries in one common container by jQuery Script.

 
function rearange_slide_entries(){
?>
<script type="text/javascript">
(function($) {
  $(document).ready(function(){   
	$('.flexed-partnergrid').each( function() {
	    $(this).find('.slide-entry').wrapAll( "<div class='slide-entry-wrap first' />");
	    $(this).find('.slide-entry-wrap.first').prependTo($(this).find('.avia-content-slider-inner'));
	    $(this).find('.slide-entry-wrap:not(.first)').remove();
	});
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'rearange_slide_entries');
.flexed-partnergrid .slide-entry-wrap.first {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.flexed-partnergrid .slide-entry-wrap.first .slide-entry {
  flex: 0 1 19%;
  margin: 0px 0px 1% !important;
  width: unset !important;
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .flexed-partnergrid .slide-entry-wrap.first .slide-entry {
    flex: 0 1 24%;
  }
}

@media only screen and (min-width: 480px) and (max-width:767px) {
  .flexed-partnergrid .slide-entry-wrap.first .slide-entry {
    flex: 0 1 32%;
  }
}


@media only screen and (min-width: 376px) and (max-width: 479px) {
  .flexed-partnergrid .slide-entry-wrap.first .slide-entry {
    flex: 0 1 49%;
  }
}

@media only screen and (max-width: 375px) {
  .flexed-partnergrid .slide-entry-wrap.first .slide-entry {
    flex: 1 1 100%;
  }
}

Latest News

  • Qlims2. Mai 2021 - 16:40in: Startseite, Webdesign

    STÄNDIG WACHSENDE ANFORDER­UNGEN IN DEN LABOREN
    Als langjähriger Zulieferer für Labore aller Branchen, u.a. aus den Bereichen Umwelt, Pharma, Chemie und Grundversorgung, kennen wir die Anforderungen, vor denen Laborleiter stehen.

  • Glas Lepper GmbH8. Juli 2019 - 8:55in: Single, Startseite, Webdesign

    Willkommen bei Glas Lepper in Bonn
    Als Handwerksbetrieb bieten wir Ihnen neben einer fachmännischen Beratung ein breites Spektrum an Dienstleistungen, das weit über den bloßen Verkauf unserer Produkte hinausgeht.
    Beratung – Planung – Montage – Reparatur

  • Der Spanier – Spanien mitten in Bonn25. Februar 2014 - 9:59in: Startseite, Webdesign

    Hier ein Excerpt der manuell angelegt wurde