Hey SurigliaStudio,
When I test your site the “Taglie” button doesn’t create a mobile style flyout menu, I assume that you now have the plugin disabled, but I think that I understand. I have created a custom function that will create a mobile style overlay menu from a sticky button on the right using a image that you can choose:


and on mobile the overlay is about 95% of the screen.
The function uses the Named Menus from your WordPress menus to show:

In Configuration there is a line to choose your menu image/icon and the default menu to show on all pages:

and below you can add as many additional menus with an array of pages that they will show on:

The code also has all of the css built-in for styling if you want to adjust.
Add this code to your child theme functions.php file, if you are not using a child theme you could use the WP Code plugin then add a new snippet, in the top right corner use the PHP snippet as the code type:

then add the above code and save.

/**
 * Add Sticky Button with Fly-out Menu
 * Add this to your Enfold child theme's functions.php
 */

function custom_sticky_menu_button() {
    // Configuration - Change these values as needed
    $button_image = '/wp-content/uploads/2026/01/menu.png'; // Update path to your PNG
    $menu_slug = 'sticky menu'; // Default menu slug - change as needed
    
    // Optional: Set different menu based on page ID
    $current_page_id = get_the_ID();
    // Example: Use different menu for specific pages
     if (in_array($current_page_id, array(1028, 1080, 1031, 1034))) {
        $menu_slug = 'sticky menu two';
     }
	if (in_array($current_page_id, array(1376, 1331, 1277, 1283))) {
        $menu_slug = 'sticky menu three';
     }
    
    // Get the menu
    $menu_items = wp_get_nav_menu_items($menu_slug);
    
    if (!$menu_items) {
        return; // Exit if menu doesn't exist
    }
    ?>
    
    <!-- Sticky Button -->
    <div id="sticky-menu-btn" class="sticky-menu-button">
        " alt="Menu">
    </div>
    
    <!-- Fly-out Menu Overlay -->
    <div id="flyout-menu-overlay" class="flyout-menu-overlay">
        <div class="flyout-menu-close">×</div>
        <nav class="flyout-menu-content">
            <?php
            wp_nav_menu(array(
                'menu' => $menu_slug,
                'container' => false,
                'menu_class' => 'flyout-nav-menu',
                'fallback_cb' => false
            ));
            ?>
        </nav>
    </div>
    
    <style>
        /* Sticky Button Styles */
        .sticky-menu-button {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            z-index: 9998;
            transition: opacity 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
            overflow: hidden;
        }
        
        .sticky-menu-button img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .sticky-menu-button.hidden {
            opacity: 0;
            pointer-events: none;
        }
        
        /* Fly-out Menu Overlay */
        .flyout-menu-overlay {
            position: fixed;
            top: 0;
            right: -100%;
            width: 25%;
            height: 100vh;
            background: #fff;
            z-index: 9999;
            transition: right 0.4s ease;
            box-shadow: -2px 0 10px rgba(0,0,0,0.2);
            overflow-y: auto;
        }
        
        .flyout-menu-overlay.active {
            right: 0;
        }
        
        /* Close Button */
        .flyout-menu-close {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 36px;
            cursor: pointer;
            color: #333;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
            transition: color 0.3s ease;
        }
        
        .flyout-menu-close:hover {
            color: #000;
        }
        
        /* Menu Content */
        .flyout-menu-content {
            padding: 80px 30px 30px;
        }
        
        .flyout-nav-menu {
            list-style: none;
            margin: 0;
            padding: 0;
        }
        
        .flyout-nav-menu li {
            margin: 0 0 15px 0;
        }
        
        .flyout-nav-menu a {
            display: block;
            padding: 12px 0;
            color: #333;
            text-decoration: none;
            font-size: 16px;
            transition: color 0.3s ease;
            border-bottom: 1px solid #eee;
        }
        
        .flyout-nav-menu a:hover {
            color: #000;
        }
        
        /* Sub-menu styles */
        .flyout-nav-menu .sub-menu {
            list-style: none;
            margin: 10px 0 0 20px;
            padding: 0;
        }
        
        .flyout-nav-menu .sub-menu a {
            font-size: 14px;
            padding: 8px 0;
        }
        
        /* Mobile Styles */
        @media (max-width: 768px) {
            .flyout-menu-overlay {
                width: 95%;
            }
        }
    </style>
    
    <script>
        (function() {
            var btn = document.getElementById('sticky-menu-btn');
            var overlay = document.getElementById('flyout-menu-overlay');
            var closeBtn = document.querySelector('.flyout-menu-close');
            
            // Open menu
            btn.addEventListener('click', function() {
                overlay.classList.add('active');
                btn.classList.add('hidden');
                document.body.style.overflow = 'hidden'; // Prevent body scroll
            });
            
            // Close menu
            closeBtn.addEventListener('click', function() {
                overlay.classList.remove('active');
                btn.classList.remove('hidden');
                document.body.style.overflow = ''; // Restore body scroll
            });
            
            // Close on overlay click outside menu
            overlay.addEventListener('click', function(e) {
                if (e.target === overlay) {
                    overlay.classList.remove('active');
                    btn.classList.remove('hidden');
                    document.body.style.overflow = '';
                }
            });
        })();
    </script>
    
    <?php
}
add_action('wp_footer', 'custom_sticky_menu_button');

Adjust the image, menus, and page IDs to suit.

Best regards,
Mike

Hi!

Looks like this is no longer possible based on our previous reply: https://kriesi.at/support/topic/use-of-avia-editor-in-popup-maker-plugin/#post-1467843

Please continue in this thread: https://kriesi.at/support/topic/pop-up-maker/

Cheers!
Ismael

Hi,

Thank you for the clarification.

You can try this css code to apply your own toggle password icon to the password input field.

.show-password-input {
  width: 24px;
  height: 24px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  top: 4px;
  right; 9px;
}

.show-password-input[aria-label="Show password"] {
  background-image: url("eye-closed.svg");
}

.show-password-input[aria-label="Hide password"] {
  background-image: url("eye-open.svg");
}

Make sure to replace eye-closed.svg and eye-open.svg images with your own images.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to use this css code instead:

#top .grid-sort-container .no_margin.av_one_third.grid-entry {
    width: 30%;
    margin-right: 3%;
}

Result:

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this css code to make the grid items transparent and add spaces between them.

#top .grid-entry.av_one_fourth {
    width: 20%;
    margin-right: 5%;
}

#top .grid-entry .inner-entry {
    background-color: transparent;
}

#top .grid-entry .grid-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

Let us know the result.

Best regards,
Ismael

Hi,

WooCommerce filter to our home page.

Please note that the default Woocommerce filters or widgets will only display on standard product pages or templates, such as product category pages or the base shop page. They will not display on custom pages, such as your homepage. This behavior is determined by the widget function, which we don’t have control over. You may need to look for a custom solution if you want to display filters on the homepage.

For the single product page, please try to follow these steps: https://kriesi.at/support/topic/enfold-sidebar-on-single-product-pages/#post-1162484

Best regards,
Ismael

Hi,

Thank you for the update.

that if not using a fullscreen Slider the portfolio navigation disappears completely

The post navigation should not be affected by the slider — it should actually not display when a slider is added to a page, not the other way around. Please create a test page and post the URL in the private field so we can check the issue properly.

To bring back the post navigation on mobile view, please add this css code:

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

  /* Add your Mobile Styles here */
  .responsive #top .avia-post-nav {
    display: block;
  }
}

Best regards,
Ismael

Hey Mark,

Thanks for reaching out to us. Classic or Modern are only demos, all demos are included in the purchase and can be imported in the theme options.

The update to 7.1.3 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the inquiry.

We understand you’re having issues working with the theme, specifically with the post navigation along with a slider’s default arrow navigation. To get around this issue, we recommend to adjust the position of the post navigation by adding this code in the Enfold > General Styling > Quick CSS field.

#top .avia-post-nav {
    top: 80%;
}

This should move the post navigation lower on the page or within the viewport. Where can we see the portfolio grid element?

Best regards,
Ismael

Hey sarahd167,

Thank you for the inquiry.

The search icon is not displaying on smaller screens because of this css modification.

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

To fix it, replace the code with:

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

  .responsive #top .av-main-nav #menu-item-search {
    display: block !important;
    top: 4px;
  }
}

Best regards,
Ismael

Hey Tim,

Thank you for the inquiry.

We have found a few invalid css rules in the Quick CSS field and fixed them. We recommend reviewing the styles there and optimizing them further, for example by removing duplicate css media queries. We also added the following css code, which fixed the issue on a mobile emulation:

@media (max-width: 768px) {
  .responsive #top {
    overflow-x: visible;
  }
}

Please make sure to purge the cache before testing.

Best regards,
Ismael