Setting Elementor plug-in: Off canvas column Button
-
Is it possible to upgrade this plugin (Off canvas column Button)?
1. The typography and color of the text are not specified. (Now the text is not displayed just like a white button.)
2. Is it possible to change the sticky button to the right side?
3. In the product category, the sticky button is displayed, but in the higher level category the sticky button is not displayed.
4. A static button in a category and subcategory are displayed differently, but have a single layout.
Attachments:
You must be
logged in to view attached files.
Hi Gorcezan,
Thanks for reaching to us.
1. It seems you are using minified CSS so I can’t check where exactly this code. You can try navigate to Theme Settings > Custom CSS and remove color attr. https://ibb.co/hRbkhxL2
2. Please add the below Custom CSS code to Theme Settings > Custom CSS > Custom CSS for mobile:
div.wd-sidebar-opener {
inset-inline-end: 0;
inset-inline-start: auto;
border-start-end-radius: 0;
border-end-end-radius: 0;
border-top-left-radius: var(--wd-brd-radius);
border-bottom-left-radius: var(--wd-brd-radius);
}
3, 4. To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
Hung PD
Hi, the code didn’t work, but it’s highlighted in red. Maybe it’s not being recognized and there’s an error somewhere?
access opened
Attachments:
You must be
logged in to view attached files.
Hi Gorcezan,
1. I see the text has been removed, please let me know if you want to keep it like this.
2. You need to disable minified CSS or clear cache and double check.
3, 4. Would you mind if I deactivate extra plugins for testing? Please confirm me back.
Regards,
Hung PD
1 this code is now present:
div.wd-sidebar-opener {
inset-inline-end: 0;
inset-inline-start: auto;
border-start-end-radius: 0;
border-end-end-radius: 0;
border-top-left-radius: var(–wd-brd-radius);
border-bottom-left-radius: var(–wd-brd-radius);
}
2 You can turn it off, but put it back the way it was so I don’t look for problems later.
3 Now I see that the filter only works in Chrome. But the attribute selection option does not work in Opera desktop and Safari mobile. Can you help with this problem or open another topic?
Hi Gorcezan,
You don’t need to open another topic, it’s hard to follow. Thanks for understanding.
Would you mind if I deactivate extra plugins for testing? Please confirm me back.
Regards,
Hung PD
I confirmed with the previous post. Just turn it back on later. Also, after turning it off, you will need to reset the WP roket cache.
Hi Gorcezan,
To assist you in the best possible manner, I need FTP account to enable debug log and this will allow me to thoroughly investigate and address your concerns in a more efficient.
Regards,
Hung PD
Hello, the site is down now. I want to ask – did you do anything?
access via the web has been updated, but the site is still lying
Hi Gorcezan,
Thanks for updating. I will recap your questions:
1. The typography and color of the text are not specified. (Now the text is not displayed just like a white button.)
As I discussed above, seems you removed the text. So, if you want to keep it like this, please confirm me back.
2 > 4. Please disable CSS Optimize delivery of WP Rocket and double check – I helped you to do that.
https://wp-rocket.me/blog/critical-css/#css-delivery-wp-rocket
Now the off-canvas button showing in both categories. and remove z-index 0 value https://prnt.sc/Shp6l0U9WBRj
Regards,
Hung PD
Thank you, the button works. CSS delivery is disabled. The filter index is set to 9999.
But the filter does not work in Opera and Safari mobile. More likely some conflict with the update of the theme or plugin. I added this route to the exceptions, but it has not worked yet.
/wp-content/themes/woodmart/js/scripts/wc/ajaxFilters.min.js
Can you help and tell me what to add to the exceptions?
Attachments:
You must be
logged in to view attached files.
Hi Gorcezan,
I tested on Safari and it worked https://prnt.sc/xTooDEbrAJeR
Please clear browser cache, purge cache of website and double check.
Regards,
Hung PD
Hi Hung Pham,
What exactly works? attribute selection?
Regards
Attachments:
You must be
logged in to view attached files.
Hi Gorcezan,
Thanks for your patience.
I checked on most browsers and it worked, but in the Opera even I tried to switch theme to default theme, it still not showing default theme.
Can you please double check on your side?
Best Regards,
Hung PD
Hello, the problem has not disappeared. On the desktop Opera and Mozilla, as well as on the iPhone IOS.
I’m still looking for where it might conflict.
but here’s what I found out:
1. disabling the child theme and switching to the parent one left the problem. So some of my additional settings in the function are also discarded
2. I found a conflict between the Woodmart theme and Yoast. Disabling the plugin will make the error disappear.
So when Yoast is enabled, the browser switches to Quirks mode. Can you help me?
Hi Gorcezan,
To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Best Regards,
Hung PD
Hello,
a screenshot of the problem was already taken in the comment on July 9, 2025 at 12:32 pm
In addition, I am sending an additional screenshot of the Opera browser with the error XHR.
Attachments:
You must be
logged in to view attached files.
Hi Gorcezan,
I’ve passed this topic to one of our developers, and I will let you know once get an answer in the Monday.
Thanks for your patience.
Best Regards,
Hung PD
.
