Woocommerce widget displays behind nav menu (Yigit?) - Support

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
July 22, 2014 at 6:29 am #294186

atrixdave
Participant

When an item is added to my cart, the woocommerce mini checkout displays behind the main nav on hover. See here: http://staging.eyemagic.net/

I know I need to use z-index, but I dont know the name of the element. Can you help?

Thanks!

Dave

July 22, 2014 at 2:54 pm #294363
Yigit
Keymaster
Hi Dave!

Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
```
#header_main_alternate { z-index: 1; }
```
Best regards,
Yigit
July 22, 2014 at 5:59 pm #294504

atrixdave
Participant

Thanks Yigit :) Worked perfectly!

July 22, 2014 at 6:05 pm #294510

atrixdave
Participant

Actually Yigit, now the Order Now button can’t be clicked…

http://staging.eyemagic.net/

July 22, 2014 at 6:17 pm #294514
Yigit
Keymaster
Hey!

Please add following code to Quick CSS to move the cart icon lower
```
 .cart_dropdown { top: 165%; }
```
I believe that is the only way to use both button and cart dropdown without having z-index issues

Best regards,
Yigit
July 22, 2014 at 7:03 pm #294528

atrixdave
Participant

Hmmm…moved it really far down and Order Now button still isn’t clickable

July 22, 2014 at 7:05 pm #294530

Yigit
Keymaster

Hi!

And please remove the code i posted here – https://kriesi.at/support/topic/woocommerce-widget-displays-behind-nav-menu-yigit/#post-294363

Best regards,
Yigit

July 23, 2014 at 12:26 am #294668

atrixdave
Participant

Excellent thank you!

July 23, 2014 at 12:29 am #294672

Yigit
Keymaster

Hi!

You are welcome Dave! Let us know if you have any other questions or issues :)

Regards,
Yigit
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Woocommerce widget displays behind nav menu (Yigit?)’ is closed to new replies.