Combine 2 Gallery Sections

You can use these steps to combine 2 Gallery Sections. With this way, you can split gallery into 2 sections with different columns/ratios.

#1. First, find ID of 2 Gallery Sections.
In my example, we will have:

• Gallery with 3 columns: section[data-section-id=”6707a04e0b698b4fb4bd8f3e”]

• Gallery with 4 columns: section[data-section-id=”66ed2c3e2f063471736e09c1″]

#2. Use this code to Page Header Injection (or Code Injection > Footer)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
             $('section[data-section-id="66ed2c3e2f063471736e09c1"] .gallery-grid-wrapper').insertAfter('section[data-section-id="6707a04e0b698b4fb4bd8f3e"] .gallery-grid-wrapper');
});
</script>
<style>
section[data-section-id="6707a04e0b698b4fb4bd8f3e"] .gallery-grid-wrapper {
    margin-bottom: 1.75vw;
}
</style>

#3. Result