Return to previous page

Need help adjusting z-index for the translatepress language switcher

This topic has 4 replies, 3 voices, and was last updated 2 years, 6 months ago ago by Rose Tyler

Bas Kling

Participant

August 20, 2022 at 11:45

Hi,

for some reason, changing the z-index for the classes belonging to the translatepress language switcher (shortcode) doesn’t end op on top of the other xstore elements.
Was hoping you could help me figure out what’s going on (desktop): https://i.imgur.com/V1Dp6yd.png

Please, contact administrator
for this information.

#332186 Copied Theme version: 8.3.1

3 Answers

Awais Ahmed

Participant

August 22, 2022 at 08:29

Hello, @Bas Kling,

Actually, I just edit your site header and set the widgets of my account and cart to show the language dropdown without any issues as you can see in the image: https://postimg.cc/zLgcy2nd and now check back to your site after clearing the browser cache. Check the resulting image: https://postimg.cc/Bj8hz7wq

Regards 8Themes Team.

#332273 Copied

Bas Kling

Participant

August 22, 2022 at 13:46

Hello Awais,

thanks, but the solution cannot be to just move the elements that should show on “a lower level” to the left to prevent overlap.

This is the issue at hand: https://i.imgur.com/s9osrHq.png
(the German language is visible only after login as it is under development, but as store support, you have admin right and should see the same)

Can you please help determine the relevant classes so that we may change the z-index accordingly? Or is there any code you can implement in future updates to provide your users the ability to make changes when needed?

#332309 Copied

Rose Tyler

Support staff

August 22, 2022 at 15:15

Hello,

1/ The issue was caused by your custom css -> https://prnt.sc/gzxo39pHrMGj (added from Customizer -> Additional CSS)
You may add next custom css and keep that CSS on you web-site ->
.et_b_header-widget {
position: relative;
z-index: 3;
}
1.2/ To fix the issue in sticky header you should remove your custom CSS -> https://prnt.sc/PJtwHI4Ps8PO – there cannot be fix that will help in your case of sticky-header custom styles added

Regards

#332326 Copied
Tagged: language, switcher, themes, translatepress, woocommerce, wordpress, z-index
Viewing 4 results - 1 through 4 (of 4 total)