Hi,
Glad Rikard could help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey lyudmylaz,
This works correctly on my install, I assume you have already tried disabling your plugins and caching, so please include an admin login in the Private Content area so we can investigate.

Best regards,
Mike

Hi,
Thank you for the login and screenshot, I see that you have the Avia Layout Builder Debugger activated so I copied your page to a new page and removed the other elements.
Then I cloned your 2/5 columns and changed them to 1/3 columns so there would be three per row for a total of nine.
I also added a custom ID of “shazam” to your color section and a custom class to the bottom of the second Separator element for the example.
Then I added a code block element to hold the css for this example page, which at some point could be added to your other css, if you wish.

#shazam .av-flex-placeholder {
	 width: 7% !important;
}
.shazam-whitespace {
	margin-bottom: 2% !important;
}

So the result is a 3×3 grid with a “equal” space around each block, it is not exactly “equal” as it is manually created with the above css, but it is very close.
Please see the link and screenshot in the Private Content area and clear your browser cache and check the live page.
Is this what you had in mind?

Best regards,
Mike

Hi,
If I understand correctly, your category links are in button style and you find them misaligned. Please see the screenshot in the Private Content area. So from the screenshot, how do you find it misaligned?
When I view I find the links centered and aligned based on link width, that is if the link is too long for the space, it creates a new row.
In the screenshot I highlighted the category links in a red box, is this what you meant?

Best regards,
Mike

Hi,
Glad to hear that you have sorted this out. Shall we close this thread then?

Best regards,
Mike

Hi,
Thanks for the link to your test page, I checked your flip boxes with Chrome, Firefox & Edge on Windows 10 with no issues, I also tested with Safari, Firefox, and Chrome on a Mac and found that with Chrome on a Mac the flip boxes brake, only in the Dutch language, but this doesn’t occur with Chrome on Windows.
Please see the screenshots in Private Content area.
This also doesn’t occur with Firefox on Windows or Mac.
Is this the issue you are experiencing, or is it something else on Firefox?
Please post a screenshot of the error you see.

Best regards,
Mike

Hi,
Sorry for the late reply, is your test site still active, I get this error from your site:

This site can’t provide a secure connection.
test.[your-site].com sent an invalid response.
ERR_SSL_PROTOCOL_ERROR

Best regards,
Mike

Hi,
Glad to hear you have it sorted out, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
If you add a custom class to the text element in the middle of the second & third columns, such as “custom-class” you could use this css:

.custom-class {
min-height:220px;
}

Without the custom class the css would look like this for your test page second & third columns:

#top.page-id-742 #main > div > div > main > div > div > div.flex_column_table > div > section:nth-child(3),
#top.page-id-742 #main > div > div > main > div > div > div.flex_column_table > div > section:nth-child(3) {
	min-height:220px;
}

I noticed that in your second column, the HR, above the price, has a 30px top margin, so you will want to remove this to match the third column.

Best regards,
Mike

Hey thefirmgraphics,
Sorry for the late reply and thanks for the login, it seems that the plugin uses the same trigger to launch the lightboxs as the theme does, so to correct I disabled the lightbox option in the theme and then added this code to the end of your functions.php file in Appearance > Editor:

function custom_modula_script(){
  ?>
  <script>
(function($){
  $(document).ready(function() {
    $('.modula-items .modula-item-link').addClass('lightbox-added');
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_modula_script');

This is working now, please clear your browser cache and check.

Best regards,
Mike

Hi,
On the page that you linked to the gallery is not opening in a lightbox, the images are opening directly, if you notice the URL bar address ends with “/A0056334.jpeg” for example.
So now if we could get your new lightbox to work for these links it would be good.
Does your cq-hotspot plugin with the Lity lightbox have any instructions on integrating the new lightbox?
The Lity lightbox site says we should add the “data-lity” attribute to the links, but this doesn’t seem to work, perhaps the cq-hotspot plugin changed this? If you don’t see any tips in the documentation for the plugin try asking the plugin author.
Also please disable the smushit plugin for now.

Best regards,
Mike

Hi,
You could try:

#top.page-id-3392 .av_one_fifth.avia-builder-el-27,#top.page-id-3392 .av_one_fifth.avia-builder-el-30 {
    margin-left: 6px !important;
}

But I saw your mockup image at the bottom of the page and I believe this will be difficult to achieve with your current elements.
It looks like the purpose of your grid is cell links to your other pages if I had to create this I might use an html grid layout generator and add the code to a code block element on the page, for the basic grid layout, if this is an option for you please see these generators:
Layoutit
CSS Grid Generator
DIV TABLE
These are a few I found on Google, there are many more.
Another option might be to use the Masonry Portfolio Example: 4 Column Masonry Grid, or the Grid Row element, but you would need to create each box as a portfolio item, which in itself might be a larger task than is needed.

Best regards,
Mike

Hi,
Please try removing the script and disable the built-in lightbox at: Enfold Theme Options > Lightbox Modal Window

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Please try adding this css below the other css, so this runs after:

@media only screen and (max-width: 430px) { 
	.avia-safari #kontakt, .avia-safari #kontakt .av-section-color-overlay {
    height: 132vh !important;
}
}

Then clear your browser cache and check.

Best regards,
Mike