Regarding the sticky buttons, the mouse pointer gets "captured" by the button, directing focus towards the animated arrow. This can mislead users into thinking they should click on the arrow, which is not clickable, rather than the actual text. To enhance user experience, it would be beneficial and straightforward for you as a theme developer to make the text and the arrow clickable. This change would help prevent any impression that the button is malfunctioning.
In addition, I would like to inform you that the text in the button text on mobile (iPhone 13 pro portrait) does not appear in the centre. Is it possible to fix this?
Hello,
Regarding the sticky buttons, the mouse pointer gets "captured" by the button, directing focus towards the animated arrow. This can mislead users into thinking they should click on the arrow, which is not clickable, rather than the actual text. To enhance user experience, it would be beneficial and straightforward for you as a theme developer to make the text and the arrow clickable. This change would help prevent any impression that the button is malfunctioning.
Thanks for your attention
Lorenzo
Attached files: sticky-button.jpg
In addition, I would like to inform you that the text in the button text on mobile (iPhone 13 pro portrait) does not appear in the centre. Is it possible to fix this?
Thanks
Lorenzo
Attached files: button-text.jpg
Hi Lorenzo, updated wp admin access in a private comment?
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I saw the new button; thanks!
Regarding centring the text, I tried but had no luck.
But now I also have to adjust the language selector!
Attached files: IMG_DE4538E01F6F-1.jpeg
Hi Lorenzo, looks like you have added the following in customizer -> additional css
https://prnt.sc/jjImST4YqH7Y
therefore you can adjust the right position in a media query
@media (max-width: 768px) {
header .button-wrap {
right: 107px !important;
}
}
but you should remove !important directive from the css instruction outside of the media query
you can add the following in customizer -> additional css for the button
@media (max-width: 768px) {
.button-border span {
display: block;
}
}
I cannot reproduce the pb actually therefore I'm guessing here
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Ok. I will manage it with my developer.
Thank you for now.
Sounds good
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio