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

Hi,
I believe that you misunderstood what I meant, on the /team/ page I was asking you to add your info for your team members to the team element, such as the images and info, I didn’t make them clickable yet.
I have made it clickable now, please clear your browser cache and check.
Lets keep this team member page and the popup page topics in their separate threads so we don’t get confused.

Best regards,
Mike

Hey Stilecatalini,
I assume that this button for a popup is different than your team member request, please see the test page example below.
I created three example columns, each has a hidden element with the custom class mfp-hide then add a button under it, the button will open the hidden element in a popup.
Try creating another column with a button and a element with the custom class mfp-hide on the page to see how it works.

Best regards,
Mike

Hi,
I didn’t find a test team page on your site so I disabled your plugins and created one and then enabled your plugins again, please check the page linked below.
Please adjusting the team member element with images and text like how you would use it and refer to this tutorial to create the popups.
If you have any troubles try disabling the plugins and reactivate each one individually until you find the conflict.

Best regards,
Mike

Hi,
Thank you for your patience, I don’t understand your question, but this thread is quite long now and covers multiple topics, for a new topic please create a new thread and we will gladly try to help you. Typically we ask to start a separate thread for each request, Thank you for your patience and understanding and for using Enfold.

Best regards,
Mike

Hi,
First Try disabling your plugins. If that resolves the issue, reactivate each one individually until you find the conflict.
If you would still like help with the team member popup, please link to your test page with an admin login so we can check.

Best regards,
Mike

Hi,
If your blog posts are created with the Advanced Layout Builder then you can add the Widget Area element to your page and select your widget area, or a custom widget area with the TOC widget.
If you are using the default editor for your posts then you can add this script to your child theme functions.php:

function custom_toc_script() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    htmlTableOfContents();
} );                        

function htmlTableOfContents( documentRef ) {
    var documentRef = documentRef || document;
    var toc = documentRef.getElementById("toc");
	var content = document.querySelector(".single-post .entry-content"); 
	var headings = content ? [].slice.call(content.querySelectorAll( "h1, h2, h3, h4, h5, h6")) : []
    headings.forEach(function (heading, index) {
        var ref = "toc" + index;
        if ( heading.hasAttribute( "id" ) ) 
            ref = heading.getAttribute( "id" );
        else
            heading.setAttribute( "id", ref );

        var link = documentRef.createElement( "a" );
        link.setAttribute( "href", "#"+ ref );
        link.textContent = heading.textContent;

        var div = documentRef.createElement( "div" );
        div.setAttribute( "class", heading.tagName.toLowerCase() );
        div.appendChild( link );
        toc.appendChild( div );
    });
}

try {
    module.exports = htmlTableOfContents;
} catch (e) {
    // module.exports is not defined
}
	  </script>
  <?php
}
add_action('wp_footer', 'custom_toc_script');

Then you need to add the TOC div to your post with this: <div id="toc"></div>
If you are using the RankMath plugin and the Block Editor it will also add a TOC, otherwise there are many plugins that will offer more TOC options.

Best regards,
Mike

Hey studioinktvis,
Thank you for the link to your site, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_message_banner_script() { ?>
  <script>
(function($){
  $('#top #header_meta > .container').each(function() {
  	var messageTitle = 'Bestellingen geplaatst tussen 30 mei en 11 juni worden 12 juni verstuurd';
  	var messageBanner = $('<p class="message-banner">'+ messageTitle +'</p>').css({'text-align':'center','margin-top':'0'});
  	$(messageBanner).insertBefore('.sub_menu');
});
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_message_banner_script');

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 of the expected results.

Best regards,
Mike

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

#top.page-id-2703 #av-sc-portfolio-1 .grid-content {
	min-height: 99.09px;
}

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

Best regards,
Mike

Hey trancedbrain,
I checked your page with webpagetest.org and your load time was 1.128s – 1.639s with only 17 requests, which is very good, I linked to it below.
The only two fonts that I see loading are for the icons which you are using on your homepage so you probably would not what to bemove these.
Considering that many sites take 4 of more seconds to load, you are doing very well.

Best regards,
Mike

Hi,
Thank you for the link to your site and the screenshots, the large gap under the slider was caused by the JetPack image lazyload option, I disabled it for you and cleared your Autoptimize cache and now it is solved;

For the footer of your SBC page I added this css to your Quick CSS, clear your browser cache and check.

@media only screen and (max-width: 767px){
.responsive #top #footer .flex_column {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}
}

It looks like the page structure is not correct on that page but I’m not sure the cause for it, if this css works and you don’t see any other issues then fine, otherwise try disabling all of your plugins and check again, if this doesn’t correct please create a staging site so we can investigate further. Is this page a custom post type? I didn’t find it in with your pages in the backend. Is it using the Advanced Custom Fields plugin? Is this the only page with this issue?

Best regards,
Mike

Hey MyWin,
Thanks for your patience, this is the Tab Section or Reiter-Sektion

Best regards,
Mike

Hi,
Thank you for your patience and the link to the page, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top.single-product .woocommerce-product-gallery .thumbnails a:nth-child(n+4) {
	display: none;
}
}

This will show one large image and three thumbnails on mobile so the product info also shows “above the fold”
After applying the css, please clear your browser cache and check.

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,
Thanks, but your theme editor is still disabled, can you enable it or include FTP access?
Did you try disabling all of your plugins and check if that solves?

Best regards,
Mike