Hi,
Happy to help, I assume we can close this now, but I like to ask. Shall we close this then?

Best regards,
Mike

Hi,
I took a look at your new page that needs adjustment, but I see that you only have one masonry item, do you plan to have at least 3 for each row on that page also? If so please add 2 more items so you can check if the margin in the code below is correct. Feel free to adjust to suit.

@media only screen and (min-width: 766px) { 
#top.page-id-932 .av-masonry-container {
    margin-left: 11% !important; 
}
}

Best regards,
Mike

Hi,
The dev team has released the update yesterday Enfold v4.5.5, please try updating your site to see if that corrects it.

Best regards,
Mike

Hi,
1: To add your gif as a hover effect try to follow this css example Another option is this jQuery example or this one
2: Sorry I don’t know what the “rhombus sign” is, can you include a screenshot?
3: The theme has two logo options at: Enfold Theme Options > Header > Transparency Options > Transparency Logo and Enfold Theme Options > Logo so when you have a transparent header the logo changes on scroll between these two settings. Please try changing your Enfold Theme Options > Logo so after scroll your logo will be seen, right now it’s white on white, or not seen.
4: I see your issue with the “Schuhschrank” image link that is over the word “MANUFAKTUR”, the link does work and scrolls nice, but you can’t click it because the word “MANUFAKTUR” is on top of the image/link we need to change the z-index.
I have been able to change the z-index with this css:

#top.home #manufaktur_weiche > div > div.container {
    z-index: 10 !important; 
    position: relative;
}

Please clear your browser cache and check :)

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 under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Good news, the dev team has released the update today Enfold v4.5.5, please try updating your site to see if that corrects it.

Best regards,
Mike

Hi,
Yes, the dev team has released the update today Enfold v4.5.5, please try updating your site to see if that corrects it.

Best regards,
Mike

Hi,
I have a javascript snippet for adding target=”_blank” to elements, but I will need to see the page and element to make sure to customize it correctly. So please include your URL in the Private Content area. If you also include an admin login I can add the script for you, or you can do it.

Best regards,
Mike

Hi,
Sorry for the late reply, I created a template of your “Real stories. Well told.” page and created a test page where I was able to reproduce the error and I then systemically removed every element in every combination to isolate the error and I found that the error only occurs when the two layersliders are together on the same page.
Actually any two video sliders will cause the error, even if they are the same.

So this confurms the GitHub issue you found and that was never solved, the final suggestion was to block the script from loading.
But I would say that this issue is not causing your masonry issue because that error still occurs with one slider and no slider error.
So at this point, perhaps updating the theme will help. Luckily today the dev team has released the update for Enfold v4.5.5 which has many bug fixes, please try updating your site to see if that corrects it.

Best regards,
Mike

Hi,
Sorry for the late reply, the dev team has released the update today Enfold v4.5.5, please try updating your site to see if that corrects the large space.

Best regards,
Mike

Hi,
It looks like your “su-row” font sizes are hardcoded in the shortcode at 20px, but this css seems to be working:

#top.single.no_sidebar_border .container_wrap.fullsize .su-row div { font-size: 17px !important;}

Please clear your browser cache and site cache and then check.

Best regards,
Mike

Hi,
Thank you for explaining further that you are on a localhost, as for your localhost installation what are your PHP settings?
Here is an example:

PHP Version: 7.0.x
PHP Time Limit: No limit
PHP Memory Limit: 256M
PHP Post Max Size: 50M
PHP Max Upload Size: 20M

Your error seems to be saying that your upload_max_filesize or post_max_size is to small.
Try searching YouTube for a video that shows how to change this setting in Xampp, such as this one. That is if you are using Xampp.
Another way around this is to extract the theme folder directly in your /wp-content/themes/ directory since you are on localhost you don’t really need to upload the theme, but you may still have other issues if you don’t set your PHP settings correctly.

Best regards,
Mike

Hi,
Thanks that is clearer, I see that this is a custom plugin that you have created that uses the shortcode above, when I test the shortcode above in a code block on a new test page the colors for the element are correct.
There are a couple of issues that could be causing this, there are some issues with the new block editor and shortcodes, in some cases, disabling the block editor solves and in others there is a beta update version that solves.
But the dev team posted that they are very close to releasing the next version that will address these issues properly, so I’m not sure if this is something you would want to wait for?

Best regards,
Mike

Hi,
You can set a break point for landscape devices following the tips here.
So this would look like this:

@media only screen and (min-width: 768px) and (max-width: 1025px) and (orientation : landscape) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none !important; 
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block !important; 
  }
}

From the site above you could take it a step further by adding the Retina rule, but I’m not really sure that it’s needed:

@media only screen and (min-width: 768px) and (max-width: 1025px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none !important; 
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block !important; 
  }
}

Please let us know if this helps.

Best regards,
Mike

Hi,
Great job! Thanks for sharing your solution and I’m glad we could help, a little :)
I assume we can close this now, but feel free to start a new thread if we can assist with anything else.

Best regards,
Mike