Hi, so I am using a backdrop colour of: rgba(74, 189, 199, 0.4) on an Off Canvas element. The content area of the Off Canvas element is intentionally transparent and without a drop shadow to give the elusion of a floating search bar (using Ajax Search Pro).
The only problem is, the dropdown results are appearing behind the backdrop colour. How do I make just this one element appear on top of the backdrop colour please?? Thanks so much
Hello @wolfproductions,
To get rid of your concerns, I would suggest you please add this custom CSS code to element CSS.
$el.x-off-canvas.x-active {
z-index: 9999;
}
The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector. If you have no idea about coding, subscribe to One, where customization questions are answered.
Hope it helps.
Thanks
Works perfectly… thanks very much Prakash
