Search button on mobile - by MAHDAR - on WordPress WooCommerce support

Dear @MAHDAR,

I hope this message finds you well. We are currently unable to view the attachments you sent as they are restricted. Kindly provide us with access to the following link: https://prnt.sc/0cjcvu7BNXDW. Alternatively, it would be beneficial if you could use a third-party service such as https://wetransfer.com/ to upload the images or videos related to the issue.

Additionally, if you prefer to continue using the widget from another plugin, please feel free to do so. We have noted your request to address the issue with the Marquee widget and have added it to our to-do list. We are aware of the speed issue; however, addressing it is challenging at the moment due to our focus on other global tasks.

Thank you for your understanding and cooperation.

Best Regards,
Jack Richardson
8Theme’s Team

Dear @MAHDAR,

Thank you for your cooperation. Unfortunately, we are still unable to access all the links provided as they require additional permissions. We kindly request that you utilize an alternative service to Google Drive for sharing these files to facilitate our access.

Furthermore, could you please provide the URLs of the pages where the issues described in your query are occurring? This information will enable us to locate the pages more swiftly and address your concerns more effectively.

Thank you for your attention to these matters.

Best regards,
Jack Richardson
The 8Theme Team

Hello @MAHDAR

We would like to address the responsive design of the Ajax search popup. We are considering potential improvements to enhance its functionality and have already added this task to our to-do list. It is important to note that we have not yet had customers who frequently use the search popup on mobile devices, as it presents some challenges in managing and viewing product results. Consequently, we typically utilize the search input feature in our mobile device demos, as it offers a superior user interface and user experience, proving more beneficial for site visitors.

Should you choose to continue using the popup search, you may implement the following custom CSS to improve its functionality. Please add this code under Theme Options -> Theme Custom CSS -> Global CSS:

@media only screen and (max-width: 768px) {
    .etheme-search-form[type=popup] .autocomplete-suggestions {
    --cols: 2;
    max-height: calc(100vh - 80px - 20px*4) !important;
    }
    .etheme-search-form[type=popup] .etheme-search-tags {
        flex-wrap: wrap;
    }
}

We value your cooperation and look forward to your prompt response. Thank you for your attention to this matter.

Best regards,
Jack Richardson
8Theme’s Team

Hello @MAHDAR

You can modify the css value of ‘max-height’ property in next way:
max-height: calc(100vh - 200px) !important;
You just need to find the correct values instead of 200px because for now we don’t expect such issues -> https://prnt.sc/6DLJai5MX33W, https://prnt.sc/2AucbrQ9sDuW.

Kind regards,
Jack Richardson
The 8theme’s team

Dear @MAHDAR,

We hope this message finds you well. We would like to draw your attention to our previous communication where we provided a suggested solution to your query. You can review the details by following this link: https://www.8theme.com/topic/search-button-on-mobile/#post-414759.

Additionally, we have included the CSS code that we recommended in our response. You can view the specific code here: https://prnt.sc/V_Q5lQ-95_1J. Furthermore, one of the lines of the CSS code that we advised you to enhance can be found at this link: https://prnt.sc/zIx8INyzdoTU.

We trust that this will assist you in implementing the necessary improvements. Should you require further clarification or assistance, please do not hesitate to contact us.

Best Regards,
Jack Richardson
The 8Theme Team