This topic has 4 replies, 3 voices, and was last updated 2 years, 4 months ago ago by Rose Tyler
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
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.
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?
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
Tagged: language, switcher, themes, translatepress, woocommerce, wordpress, z-index
You must be logged in to reply to this topic.Log in/Sign up