Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1485066

    After update Enfold, the Search Icon To Main Menu does not appear in a site with “Stretched Or Boxed Layout: Boxed Layout; Logo And Main Menu: Top Header”.

    Please see Private Content

    Best regards,
    Oriano

    #1485103

    Hey Oriano,

    Thank you for the inquiry.

    We’re not able to reproduce the issue on our end. Have you tried overriding the css or the position property in the Quick CSS field?

    View post on imgur.com

    Please provide the site details in the private field so we can further check the issue.

    Best regards,
    Ismael

    #1485143

    Hi Ismael

    This is my the Advanced Styling Menu setting:

    View post on imgur.com

    With the old Enfold, it works fine, the search icon appears correctly and the link works properly.
    In new versions of Enfold (7.x.x), however, the search icon is not displayed.

    Best regards,
    Oriano

    • This reply was modified 3 weeks ago by orianos.
    #1485148

    Hi,

    Thanks for the update. Could you post a link to where we can see the actual problem please?

    Best regards,
    Rikard

    #1485232

    Hi Rickarg, The “problem” is in all the site, because is in the main menu search icon :(
    Perhaps in the videos I linked and not in the pictures I attached, I failed to explain the problem in an understandable way :(
    Please view the video I posted in the Private Content of my initial post (above).
    In addition, as #Ismael requested, I also put in Private Content the data to access the site in production.

    Please tell me if I have not been clear.
    Best regards
    Oriano

    #1485234

    Hi Rickard, I’m sorry. I’m really “amazed” by this.
    Please find Private Content the website in question.

    Best regards
    Oriano

    #1485260

    Hi,

    Thank you for the info.

    We are not certain why the search SVG icon is not displaying, but we managed to work around the issue by adding this code in the Quick CSS field:

    #top .menu-item-search-dropdown > a.avia-svg-icon svg:first-child, #top .menu-item-search-dropdown > a.avia-svg-icon img[is-svg-img="true"] {
        z-index: 1;
    }

    We also added this script to make sure that when the SVG icon is clicked, it displays the AJAX search field.

    add_action( 'wp_footer', 'av_custom_script', 100 );
    function av_custom_script() {
        ?>
        <script>
        // trigger ajax search field
        document.addEventListener("DOMContentLoaded", () => {
            const svg = document.querySelector("#menu-item-search svg");
    
            if (svg) {
                svg.addEventListener("click", (e) => {
                    e.preventDefault();
                    e.stopPropagation();
    
                    const parentLink = svg.closest("a");
                    const parentLi = svg.closest("li");
    
                    if (parentLink) {
                        parentLink.click();
                    } else if (parentLi) {
                        parentLi.click();
                    }
                });
            }
        });
        </script>
        <?php
    }
    

    Best regards,
    Ismael

    #1485266

    Hi Ismael, thanks for help, as always prompt and efficient (and friendly).

    📌 Note lastly that I use Enfold on almost all the sites I manage, and this site is the only one that has had this problem. Moreover, it is a problem that only manifests itself with the latest versions of Enfold. On MAMP I have a version of the same site with Enfold 5.6.6 and the same icon displays correctly.

    Best regards
    Oriano

    #1485312

    Hi,

    lastly that I use Enfold on almost all the sites I manage, and this site is the only one that has had this problem.

    It’s probably an issue with the compression, a certain modification or one of the plugins. Please keep the above modifications for now and let us know if the issue occurs again on a different site.

    Thank you for your patience.

    Best regards,
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.