This topic has 11 replies, 2 voices, and was last updated 3 weeks, 4 days ago ago by Jack Richardson
Hello, I hope you are well
There are 2 items for the search button, please check
1. Products found text is displayed very large on mobile
2. It seems that the display width of the products on mobile is not correct, And you can’t scroll down on mobile
3- I designed the marquee header with the unlimited-elements.com plugin and it turned out very well, but the theme also has a marquee element, but it seems to be a problem.
Please watch the video.
Problems: (speed and not respecting the distance)
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
I put the link again.
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
There is a problem with the search option on the main page and all pages
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
Thanks, it’s fixed.
There is only one more problem, can you do anything?
Not available for viewing more on mobile?
If possible, set the z-index so that it does not show the bottom menu
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
Thank you, just excuse me, what class should I put the code in?
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
You must be logged in to reply to this topic.Log in/Sign up