need to open off canvas filter with the button of my choice

Hi,

Create your button and Try to use this class for the off canvas filter – “oceanwp-off-canvas-filter”

Ex – Filter

it works in shop page only,, also when this class is added in elementor button a square box is created around that icon ex /product/dexolac-supplement-special-care-infant-formula-for-premature-low-birth-weight-baby-500-gm/
but not in home page

i think the box like boarder is shown because the class also includes boarder of filter

Actually, Off-canvas scripts loads only on the shop page so it will work only on that. For other places, you can use the Off-canvas button of the ocean elementor widget.

https://pasteboard.co/JtsOFIj.png+
a square box appears when class for the off canvas filter – “oceanwp-off-canvas-filter” is added in elementor icon (mobile version) currently class is disabled for desktop

Can you please replicate the issue? and share the page URL to check.

Done

Hi,

please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

a:focus {
    outline: 0;
}

not working

Hi,

please try to replace the CSS code with this one.

a: focus {
outline: 0px !important;
outline: none !important;
}

TRIED BUT NOT WORKING

Sorry, but it should work. Try to clear the server and site cache and check.

try once the below code also.

a:focus {
 outline: 0 !important;
}

this css is not working

Hi there, how were you able to get the button working on your site?