Soft Cart pops up behind the header

Author	« Topic »
frameitsam Advanced Member USA 131 Posts Pre-sales questions only (More Details...)	Posted - 01/24/2020 : 18:53:16 When the Soft Cart pops up, it displays behind the header and navigation. I found an older post with the same issue and Sinbad suggested in the style sheet look for the following and remove the z-index. .art-content { position: relative; z-index: 1; } I found the following in ectcart.css and quoted out the z-index, but I still have the same issue. div.qbopaque{ overflow-y:auto; position:relative; width:100%; height:100%; background-color:rgba(140,140,150,0.5); top:0px; left:0px; text-align:center; /* z-index:10000; */ } re: http://www.barbarascustomhats.com Scott McLaughlin President Heartland Hosting, LLC
Vince Administrator 42874 Posts	Posted - 01/25/2020 : 01:46:53 Hi Scott In the main theme style sheet... /wp-content/themes/Divi/style.css ...look for #main-header (around line 11 I think). The z-index is set there to 99999 and I don't think it needs to be set at all. But changing that to 9999 seems to cure the problem. You seem to have a bit of extra markup in the header which shows on the pages. If you look in your page source you have ... <!DOCTYPE html> <html lang="en-US"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> " /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> I think that is probably coming from one of the include files. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
frameitsam Advanced Member USA 131 Posts Pre-sales questions only (More Details...)	Posted - 01/25/2020 : 07:12:49 Thank you that worked. Scott McLaughlin President Heartland Hosting, LLC
LadyM ECT Moderator 1721 Posts	Posted - 03/02/2022 : 12:30:40 I've got the same problem in that the soft cart pops up behind the menu bar. (not divi theme as above.) So I have this in ectcart div.qbopaque, div.iuopaque, div.ectopaque{ overflow-y:auto; position:fixed; width:100%; height:100%; background-color:rgba(140,140,150,0.5); top:0px; left:0px; text-align:center; z-index:10000; } What would I change the z-index to in this? /* Soft Cart / Quick Buy */ div.scwrap, div.qbuywrapper, div.iuwrap{ margin:5vh auto 0 auto; background:#FFF; width:98%; max-width:600px; padding:6px; border-radius:5px; box-shadow:1px 1px 5px #333; overflow:auto; max-height:90vh; box-sizing:border-box; text-align:left; z-index: ?????; }
	« Topic »