Z Index Issues - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Z Index Issues

JK

Jeffrey Kiefer

SP Page Builder 2 months ago

I put a custom search box on my homepage and the dropdown goes behind the other items. It looks like a z index isssue to me. I am using Mosets Tree search box. I also had to put custom css to center the search box. The issue is on https://iooflodgedirectory.org/ under the map. I will give you login access below. The issue is only on sp pages and not joomla generated pages.

0
5 Answers
Order by
Oldest Newest Votes
JK
Jeffrey Kiefer
Accepted Answer
2 months ago #201316

Yes that fixed it. Thank you!

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 months ago #201350

I believe you may have accepted the wrong reply. Could you please accept the correct one instead?

Thank you.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 months ago #201038

Hello Jeffrey,

Thank you for reaching out to us.

The issue you are facing is caused by the extension you are using for search, which directly uses jQuery to render CSS for its search results based on results lengths.

I have implemented a workaround to fix this inconsistency. Now, when a user searches and the results appear, they will be able to scroll down to view the below results.

Thanks.

0
JK
Jeffrey Kiefer
Accepted Answer
2 months ago #201231

I would like to reopen this thread. I am having the same issue on another site where the search dropdown gows behing the footer logo below it. I am using the Joomla search box. This site is still in development so you will need to login. The fronyt end login is at the bottom of each page called Editors login. I will past the logins below.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 2 months ago #201238

Please, add this custom css, that will fixed your issues.

#search-form ul#awesomplete_list_1 {
    z-index: 12;
}

Thanks

0