Dropdown menu hidden behind slider on chrome. Working fine on other browsers.

janne.tuov
7 Posts
janne.tuov posted this 19 October 2018

Hello my site, tecnicom.fi is having an issue with a dropdown menu labelled "tuotteet" the menu works correctly on firefox, ie, safari but chrome is having issues displaying the dropdown correctly. The dropdown is hidden behind the slider. I tried adding z-index and position:relative to both the dropdown and the slider but nothing seems to work.

Hello my site, tecnicom.fi is having an issue with a dropdown menu labelled "tuotteet" the menu works correctly on firefox, ie, safari but chrome is having issues displaying the dropdown correctly. The dropdown is hidden behind the slider. I tried adding z-index and position:relative to both the dropdown and the slider but nothing seems to work.
horizontal-menu Thamler dropdown-menu
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 19 October 2018

This container has different IDs in CSS on every page so, yes, you would need to add the code for every page.
Gina
Themler Support

This container has different IDs in CSS on every page so, yes, you would need to add the code for every page. Gina Themler Support
janne.tuov
7 Posts
janne.tuov posted this 19 October 2018

Well i think i just need to add z-index: 9999!important; position: relative!important; for the all the pages specifically. Thanks for the tip though!

Well i think i just need to add z-index: 9999!important; position: relative!important; for the all the pages specifically. Thanks for the tip though!
janne.tuov
7 Posts
janne.tuov posted this 19 October 2018

Allright added the css mentioned above to the container, but it only works on the frontpage (etusivu).

Allright added the css mentioned above to the container, but it only works on the frontpage (etusivu).
janne.tuov
7 Posts
janne.tuov posted this 19 October 2018

Thank u very much! it worked like a charm.

Thank u very much! it worked like a charm.
Support Team
Support Team posted this 19 October 2018

Hello,

I can see z-index set to big values for the menu, though could you please try adding !important to the code for z-index?

You may also need to specify position:relative to the parent div of the menu which is:

.bd-layoutbox-22 {
    z-index: 9999!important;
    position: relative!important;
}

Gina
Themler Support

Hello, I can see z-index set to big values for the menu, though could you please try adding !important to the code for z-index? You may also need to specify position:relative to the parent div of the menu which is: .bd-layoutbox-22 { z-index: 9999!important; position: relative!important; } Gina Themler Support
You must log in or register to leave comments