Hi,
Thanks for the link to your site, I see that you have this css:

#top .av-submenu-container.av-sticky-submenu {
    z-index: 2;
}

unfortunately it needs the !important; to work so please change to:

#top .av-submenu-container.av-sticky-submenu {
    z-index: 2 !important;
}

we will need to apply z-index to the flex column that has the video link because it becomes the parent of the modal, and we also need to apply z-index to the container after the submenu for the modal to be on top of it, so please try this css:

.flex_column.avia-builder-el-2 {
	z-index: 2;
	position: relative;
}

.template-page.content {
	z-index: 3;
	position: relative;
}
#top .av-submenu-container.av-sticky-submenu {
    z-index: 2 !important;
}

please note the first css rule is .flex_column.avia-builder-el-2 but it would be better if you added a custom class to the column that has the video link, but this should work for now so you can test. I’m not sure if the z-index for the container after the submenu will be an issue for other pages, so please check and if it is we can adjust the classes. Are you going to use this over your whole site or just a couple of pages, the more we can limit it to certain pages the less it could cause issues on pages where it is not needed.
After applying the css, please clear your browser cache and check.
Best regards,
Mike

Hi,
Thanks for the screenshot, but it gives a “hotlink” error, you probably have hotlink protection set on your server.

In the future please try using a Screenshot service and pasting the image URL in your post.
As for your reCaptcha I don’t need to accept cookies to send your form, here I fill it in:

then I clicked the reCaptcha, it spun and gave me a green check and then hid, which is the correct behavior, so I didn’t get a screenshot of that, and then I sent the form and you see that I have the success message without accepting cookies.

But from your last message I get the impression that you were getting a lot of spam, and this is the root of your issue, generally there are services that spammers use to beat Google reCaptcha, if these spammers has your site on their list then I would recommend using Contact Form 7 with Honeypot for Contact Form 7 and Blackhole for Bad Bots

Best regards,
Mike

Hi,
Thanks for the feedback, I checked your contact page with the Google reCaptcha and the form sent my test message successfully without an error, did you already solve this?

Best regards,
Mike

Hi,
Glad we were able to help, and thanks for sharing the solution, 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 smudgedesign,
Thank you for your patience, the thread from 2015 that you linked to about the Portfolio Grid doesn’t actually have a solution, the Moderator is pointing out the code block that would need to be edited without advising the specific changes. I found in my test that no change is nessary to achieve what you are looking for if you use the Portfolio Grid.
I created a test page with a Portfolio Grid element and with a square “cropped” image the element shows the image square with the title below:

please note that the image is 349×349 square, with the title it’s 349×403

The key to choosing your images is ensuring that the thumbnails are “cropped”, if you use the Simple Image Sizes plugin you will see which ones are actually cropped square, for example while the “medium” image is 300×300 it is not cropped so it shows as 349×249 if the uploaded image is landscape instead of square, compared to the “woocommerce_thumbnail” which is 300×300 and cropped and produce the square images in the screenshots above.
Now one point, the thread from 2015 that you linked to about the Portfolio Grid, often referred to as the Masonry Portfolio, because it has many of the same features as the Masonry element, so please try the Portfolio Grid element.

Best regards,
Mike

Hey Daviddjh,
Thanks for the link to your site, but it sounds like the first error you post about only occurs in the backend, so please include an admin login in the Private Content area and a test page/order we can try on and a screencast of the steps to create the error so we can try.
My question is did this used to work and then suddenly not work? Perhaps a new plugin (MyWorks) was added and now you see the error?
have you tried disabling your plugins to see if the error is resolved?

Let’s look at one issue at a time, but is this the MyWorks plugin you are referring to?

Best regards,
Mike

Hi,
Thanks for the login to your site, on your /service-center/ page in your screenshot above I found that the wrong color showing (a bright blue) was the default browser user agent color, so no setting seemed to be applied from the Enfold Theme Options ▸ Advanced Styling
When I added the color and font size to your child theme stylesheet in your current .av-main-nav > li > a rule:

.av-main-nav > li > a {
    line-height: 35px!important;
    height: 35px!important;
	color: #00315c;
	font-size: 17px; 
  }

it worked correctly, so this points to your child theme stylesheet working but not the theme Enfold Theme Options ▸ Advanced Styling
I see in your WordPress ▸ Dashboard ▸ Tools ▸ Site Health ▸ Info ▸ Server both of your PHP memory limit & Max input time are negative values:

typically I would expect to see positive values:

So from your post above it sounds like everything was working fine until recently, so did you just update to PHP v8, if so it looks like the PHP setting are not the same for your previously PHP version, probably 7.4 and the new v8 on your server, try going back to v7.4 to test, and if that works try adjusting them to match.
If you didn’t change the PHP version since the error, then did you make any changes with the better search replace plugin and then noticed the error? This plugin is very powerful and can make serious unexpected changes, and has no fall back option.
If this is true, do you have a pre plugin server backup? You might need to use it to correct, I’m not sure.
If you don’t have a backup then you could add the css needed to correct your menu in your child theme stylesheet and not rely on the Enfold Theme Options ▸ Advanced Styling options.
I have not seen a case of the Advanced Styling not working and I don’t see any related errors?

Best regards,
Mike

Hi,
Thanks for your question, in order to make your heading rows span across multiple columns the table would use the colspan attribute, unfortunately, the Enfold table element doesn’t offer this feature and considering that you are also looking for advanced fixed columns and rows when scrolling I would recommend looking for a table plugin that offers these features.
I did find a stackoverflow example: Set colspan dynamically with jQuery to use as a base to try this with our table element, but please note that it will not work for the mobile table view.
The script works by removing the empty cells and adding the colspan attribute to the first cell with text, also the very first cell is ignored.

the result:

If you want to try this add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_colspan_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
   $('#colspantest .avia-heading-row').each(function() {
    var tr = this;
    var counter = 0;
    var strLookupText = '';
    $('th', tr).each(function(index, value) {
      var th = jQuery(this);

      if ((th.text() == strLookupText) || (th.text() == "")) {
        counter++;
        th.prev().attr('colSpan', '' + parseInt(counter + 1,10) + '').css({textAlign : 'center'});
        th.remove();
      }
      else {
        counter = 0;
      }
      strLookupText = th.text();
    });
  });
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_colspan_script');

and add the custom ID colspantest to the table element

Best regards,
Mike

Hey sky19er,
Thank you for your question, I did a quick test for the gallery element, and when I add “PhD” to a image title in the media library it doesn’t seem to change the case in the image title:

the results:

I also tested editing the attachment details in the gallery element:

and the results:

so I don’t think that WordPress or Enfold are changing the case by default, perhaps it another script or plugin?
Is this how you are adding the titles?

Best regards,
Mike

Hi,
Thank you for your patience, I was not able to figure out what the conflict was and I was not able to recreate it on my test site, so in the interest in solving this for you I disabled the Main Menu Indicator in the Enfold Theme Options ▸ Advanced Styling ▸ Main Menu Indicator:

and wrote this css for your site and added it to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#avia-menu .menu-item-top-level.current_page_parent .avia-menu-fx,
#avia-menu .menu-item-top-level.current_page_item .avia-menu-fx {
background-color: #a83331;
color: #ffffff;
border-color: #861110;
opacity: 1;
visibility: visible;
}

Now all of your main menu items have the correct Menu Indicator when on the page or it’s sub-menu item anchor.
Please clear your browser cache and check.

Best regards,
Mike

Hey Elena,
Thanks for your question, the issue was that your css for category links was using “display:block”:

.custom-masonry-cat,
.avia-builder-el-0 .av-post-metadata-category-link a {
	 color: #719430;
	 font-family: 'caveat';
	 font-size: 16px;
	 text-align: center;
     display: block;
     font-weight: 700;
     text-transform: uppercase;
}

I changed to “display:inline”

.custom-masonry-cat,
.avia-builder-el-0 .av-post-metadata-category-link a {
	 color: #719430;
	 font-family: 'caveat';
	 font-size: 16px;
	 text-align: center;
     display: inline;
     font-weight: 700;
     text-transform: uppercase;
}

and now the categories are in one line:

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshot, please try this css in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field

#top #main .bookly-js-count-control ~ input[type="text"] {
	display: inline-block;
}

After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.

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

Hey Antonio,
Thanks for the link to your site, I assume you mean the page “portfolio 1” it is the only one that I see arrows and titles on, so do you just want to hide them?
Why don’t you just use the same settings as on the other two pages where the arrows and titles don’t show? Perhaps I’m misunderstanding?

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