Hey Ivana,

Thank you for the inquiry.

You can try any of the following plugins, but please note that the plugin has their own templates for the custom post types, so the portfolio items will not look exactly like the ones in the Portfolio Grid element.

// https://wordpress.org/plugins/search-filter/
// https://wordpress.org/plugins/category-ajax-filter/
// https://wordpress.org/plugins/beautiful-taxonomy-filters/

The last plugin has not been updated for some time now but you should still try it.

Best regards,
Ismael

Hi,

Thank you for the update.

The style of the block editor looks different compare to the default themes because we added our own theme.json file. If you want to revert it back, just create a copy of the theme.json file from the twentytwentytwo theme and override the same file in the Enfold theme directory.

For more info about the theme.json file, please check this documentation.

// https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/

Best regards,
Ismael

Hey Jasmer,

Thank you for the inquiry.

The burger menu is not visible on mobile devices or on smaller screens because the border color of the menu lines is the same as the background color of the header (white). To fix the issue, please add this css code.

@media only screen and (max-width: 767px) {
    #top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after {
    background-color: #808080;
    }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code. And please do not forget to purge the cache.

Best regards,
Ismael

Hey Tia,

Thank you for the inquiry.

We updated the jQuery script a bit. Please try to replace the script tag content with the following code.

jQuery(document).on('load', function(){
    jQuery('.avia-image-container.team-popup a.avia_image').addClass('team-popup-link');
    jQuery('.team-popup-link').addClass('no-scroll');
    jQuery('.team-popup-link').magnificPopup({
        type:'inline',
        midClick: true,
            fixedContentPos: true,
            overflowY: 'hidden'
    });
});

And according to a discussion, you can use this css code to completely prevent scrolling when the lightbox is open.

.mfp-zoom-out-cur {
     width: 100%;
     position: fixed;
     overflow: auto;
}

.mfp-wrap {
     top: 0 !important;
}

Best regards,
Ismael

Hey Christian,

Thank you for the inquiry.

Yes, you can use any images that exist in the imported demo. Please note that NOT all images in the demo preview will be included when importing a demo.

Best regards,
Ismael

Hi,

Thank you for the update.

We can use this css code to adjust the stack order of the section containing the contact form element.

#aanmeldformulier {
    position: relative;
    z-index: 1000;
}

#aanmeldformulier .flex_column.av-2jcs4r-e6e0241146eab263c23e4ca54896e118 {
    z-index: 1000;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hey Stevenhensen89,

Thank you for the inquiry.

You can use this css code to hide the author meta in the magazine element.

span.av-magazine-text-sep.text-sep-date, span.av-magazine-author.minor-meta {
    display: none;
}

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

I tested your suggestion and it works but I lose my breadcrumbs,

This is part of the reason why fixed or transparent headers are disabled on mobile devices by default. We could add more css modifications to correct these issues but we would suggest leaving the header as it is on mobile view.

On which pages do you need a transparent header? If you only need it in the home page or within a page without a breadcrumb, this css should work.

@media only screen and (max-width: 990px) {
   .responsive.html_mobile_menu_tablet #top.home #wrap_all #header { 
        position: absolute;
    }

    .html_mobile_menu_tablet #top.home #wrap_all .av_header_transparency {
	background: transparent;
    }
}

Best regards,
Ismael

Hi,

Sorry for the late response. Quite glad to know that you came up with a temporary solution. Please keep it for now while we check the issue further.

Best regards,
Ismael

Hey xeyart,

Thank you for the inquiry.

We could set it so that the css modification is only applied on mobile view or on smaller screens. We can do that by wrapping the modification inside a css media query.

Example:

@media only screen and (max-width: 768px) {

    #showreel .container {
        width: 100% !important;
        min-width: 100%;
        padding: 0;
        margin: 0;
    }
}

The css rule above will only be applied when the screen width is less than 768px. Please check the article below for more info about css media queries.

// https://css-tricks.com/a-complete-guide-to-css-media-queries/

Best regards,
Ismael

Hey Sovietovic,

Thank you for the inquiry.

The reason the column is boxed or why it is not fullwidth because the theme automatically wraps the column element inside a container with a predefined maximum width. One of the option to work around this is to use a Grid Row element with a single cell. You can then insert the image element inside the cell or directly apply the image as the cell background. Let us know if that works for you.

Best regards,
Ismael

Hey dbtpath,

Thank you for the inquiry

The site loaded properly when we checked. Have you figured out the issue? If you haven’t, please go to the Enfold > Performance panel and temporarily disable the File Compression settings (css, js). Purge the cache afterwards or disable the cache plugin temporarily. Let us know if that helps.

Best regards,
Ismael

Hey spooniverse,

Thank you for the inquiry.

Please try to use this script instead of the avf_builder_elements filter.

function avia_set_hover_active() {
    global $current_screen;

    if( $current_screen->post_type =='product' && $current_screen->action == 'add')
    {
    ?>
        <script>
            (function($) {
                $(document).ready(function() {
                    $('#_product_hover').val("hover_active").change();
                });
            })(jQuery);
        </script>
    <?php
    }
}
add_action( 'admin_head', 'avia_set_hover_active' );

This should set the value of the #_product_hover select element to hover_active when creating a new product.

Best regards,
Ismael

Hi,

It seems to be working correctly on our end. We provided a screenshot of the notifications that we get when hovering or when tabbing through the menu items using VoiceOver on MacOS. Unfortunately, we do not have access to Jaws at the moment.

Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwHc78YPYJD5Ro8z5?e=kbqZON

We noticed that you replaced the aria-label with the title attribute. Is this working?

Thank you for your patience.

Best regards,
Ismael

Hey staffordhrconsulting,

Thank you for the inquiry.

You can use this css code to adjust the size of the logo and move it down a bit.

@media only screen and (min-width: 780px) {
  .logo, .logo a {
    height: 230px;
  }

  #top #header .av-main-nav li:nth-child(2) {
    margin-right: 250px;
  }

  #top #header span.logo {
    position: absolute;
    bottom: -60px;
  }
}

You do not have to copy the css media query above, just insert the css rules inside an existing css media query with the same condition.

Best regards,
Ismael