Another sticky question | WordPress.org

[ad_1]

Hi, I’m running a site using the Kadence theme and a request came up to create a sticky button that links to a CTA page. So I have this image that links to the correct url and after some searching and experimenting, I came accross the Fixed Widget plugin (compatible with my WP version). I placed the button on sidebar #2 and assigned a unique class to the button to mark it for a fixed position with Fixed Widget. This seems to work -almost- perfectly when using a desktop browser, aside from some strange artifacts when the image scrolls away from its original position. However, if you look at the same page with an iPhone or a tablet or Chrome on Android, for example, then the button behaves very buggy: the button is initially missing, only to appear when you scroll to the footer. Then the button is displayed way too large and only half of it and when you scroll down or up, it often just vanishes, sometimes to reappear and sometimes not.

At this point I have no clue whether any of this is related to the theme, to the specific plugin or to the fact that it is in a sidebar, for example.

If anyone can shed some light on the topic, or knows of a different approach that is known to work, then please let me know. Personally, I would actually prefer a real static position for the button, as opposed to a button that stops moving along with the page after a certain amount of scrolling.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer