Hi,

Thank you for the update.

Is the Lightbox Modal Window option enabled? Please go to the Enfold > Theme Options panel and make sure that the lightbox option is enabled. Or post the login details in the private field so that we can check the issuer further.

Best regards,
Ismael

Hi,
Thanks for the link to the example, I see that on hover the box-shadow on the bottom and right grows slowly

So to add the effect to your slider buttons try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .avia-slideshow-button:hover {
box-shadow: 10px 9px 0 0px #d0d0d0;
transition: box-shadow .3s;
}

After applying the css, please clear your browser cache and check.
This is the expected results on hover:

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #av-extra-columns > .av-section-cont-open {
    margin-top: 80px;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, when I check your icons there are no empty boxes, please clear your browser cache and check.

Best regards,
Mike

Hi,
It seems to be working when I visit your site.

If this is not what you mean then please explain in further detail, the more detail that you add to a support thread really helps us to help you.

Best regards,
Mike

Hey Tim,
Please note that using the contact form is not appropriate for support questions, please log in to the support forum and open a new thread if you need further assistance.
If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread.

Best regards,
Mike

Hi,
Sorry, my mistake, I was looking at the menu, anyways I do see that the text in the grid column is not showing on my desktop Mac in Safari, I see an error Error: problem parsing d= on Windows while the text shows there is a error Error: attribute d: Expected number, “…9 9.5-203.5-82.5-97.”.
Please include an admin login in the Private Content area so we can investigate. Also please Enable the Avia Layout Builder Debugger by adding this snippet to the WordPress ▸ Appearance ▸ Theme File Editor ▸ Enfold child theme ▸ functions.php

//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
  return "debug";
}

Best regards,
Mike

Hi,
Glad we could help, and glad you are able to create such a nice site with the theme, we don’t have a theme demo submission link, but you could post to the Enfold Showcase thread and say that you would be happy to share as a possible future demo, the team routinely comments on these posts in the background for possible ideas.
I will go ahead an close this thread, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
For the header logo and icons try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header .container.av-logo-container {
    width: 100%;
    max-width: 100%;
}
#header #menu-item-shop .cart_dropdown_link {
    left: 50%;
    padding: 0 3px;
    z-index: 5;
}
.responsive #top #header #header_main > .container .main_menu .av-main-nav > li > a {
    padding: 0 0 0 10px;
}
.responsive #top #header_main .logo {
    width: 60%;
    padding-left: 5%;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please see the screenshot in the Private Content area for the expected results.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey sarthakchoudhary,
Thank you for the link to your site, the following css will remove the Linkden icon from the team member images and move the icons down in the popup, due to the limited space under the images in the popup the icons will be half over the bottom with some box shadow to make them look nicer:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.team-img-container:hover .team-social-inner {
	display: none;
}
.white-popup .team-img-container:hover .team-social-inner {
	display: block;
}
.white-popup .team-img-container .team-social-inner {
	top: 98%;
}
.white-popup .team-img-container .team-social-inner a {
	box-shadow: 0 0 4px #000;
}
.white-popup .team-img-container {
	overflow: visible;
}
.white-popup .team-img-container {
    margin: 0 20px 20px 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
It looks like your staging site script didn’t activate your Enfold child theme, you can activate it. You do not need a new license for the staging site.

Best regards,
Mike

Hi,

Thanks for the login details. Enfold is not activated on the installation in question, is it ok if we activate it?

Best regards,
Rikard

Hi,
Sorry, I should have said to include the css, but I’m glad that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey steffens6,
Thanks for the link to your site when I check your horizontal gallery seems centered to me:

and each image is centered

If you mean the first one, you would need to edit this image it self.

Best regards,
Mike

Hey Gagik,
Check Advanced ▸ Responsive ▸ Element Visibility to see if it is hidden

Best regards,
Mike

Hey James Bowtine,
I find this snippet in enfold\css\grid.min.css and enfold\css\grid.css on your site:


In both cases it is in the proper media query.
Where on the frontend did you experience the issue that made you think it was missing?

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, I found that in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field you had a PHP function that was causing your css to not work correctly, I moved it to your child theme functions.php
Now your buttons are aligned to the bottom of your columns.
Please clear your browser cache and check.

Best regards,
Mike

Hey kieskadoos,
Thanks for your patience and the screenshot, I assume that this is on a page or post that was created with the Advanced Layout Builder, unfortunately the Yoast Premium plugin can not “read” the Enfold backend shortcode for the Prominent words and tell the difference between elements and text. Unfortunately we don’t have a solution for this, it is on the feature list for the Dev Team but there is no update as to the progress or when / if it may be added, currently the Dev Team has a lot going on.

Best regards,
Mike

Hey justvisible,
Thanks for your patience and the link to your site, I see that you are not using a child theme, so I would recommend installing the WP Code plugin to install the following snippet, then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add this code and save:

function change_logo_on_scroll() { ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var scroll = $(window).scrollTop();
      if (scroll > 20) {
    $('.logo a').find( 'img' ).attr('src', 'https://massplaner.de/wp-content/uploads/2023/07/EICHENHAUS-Schreinerei-Planungsbuero-Logo-2017_CMYK_randlos-300x169.png');
   } else {
    $('.logo a').find( 'img' ).attr('src', 'https://massplaner.de/wp-content/uploads/2023/07/eichenhaus-schreinerei-planungsbuero-logo-2017-mobil_poster_.png');
   }
  });
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'change_logo_on_scroll');

In this example I found a different logo in your footer to use, so when you scroll the snippet will change your top logo and then back again when to scroll to the top, feel free to change the logo url’s to suit, the first url is the after scroll url, and the second is your current logo.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey Dickerhof, Michael,
Thanks for your patience, the PSD files will not do this, they are only images and used with PhotoShop to create HTML pages.
To add parts of demos to your current Enfold site you can create a sub-domain on your webhost, then install a new WordPress on your sub-domain, then install Enfold into the sub-domain.
You are allowed to have your main domain and a sub-domain install of Enfold for testing with your license.
Then Enable the Avia Layout Builder Debugger on both sites, this will allow you to see the theme shortcode and copy it from site to site.
Then on your testing sub-domain site install a demo and view the page shortcode and copy it to your live site. You can also save templates from the test site and export them to your live site at Enfold Theme Options ▸ Import/Export ▸ Export Layout Builder Templates

Best regards,
Mike