Update for Hide Header On Scroll Plugin v 1.1

Description: Introducing the Detection Button feature. With a simple click, the Detection Button reveals frontend element IDs and sizes in real-time. Seamlessly integrated into your admin panel, this tool empowers you to effortlessly fine-tune the plugin settings. Whether you are a developer, designer, or admin, this update is your gateway to enhanced control and precision in website management.

Technologies: WordPress, PHP, JavaScript, AJAX, CSS

Test it Live:
Mockup Site with the plugin.

Added New Admin Detection FunctionPlugin Animation
Plugin Page after detectionPlugin Live Demo

Scroll

Hide Header On Scroll Wordpress Plugin

Description: Plugin makes the header fade in/out at a specified amount of scroll value. By default the plugin uses OceanWP's Theme header id and main-div id, but it can be set up for any Theme that uses a header element and main-content element. Plugin does not support top bar! To access the Plugin Settings open Admin Bar > Settings > Hide Header Plugin. Plugin Admin Settings have options to change element ID's and the header's fade functionality.

Technologies: WordPress, PHP, JavaScript, AJAX, CSS

Test it Live:
Mockup Site with the plugin.

Header fade out steps:Plugin Live Demo
Plugin Settings admin panel:Plugin Animation
Roberto's Cannabis Farm

Description: This is a mockup WordPres site. I built this site during an online course for testing while learning custom theme development and plugin development.

Technologies: WordPress, PHP, Custom Field Types

Live Site:
Roberto's Cannabis Farm

Roberto's Cannabis Farm
Roberto's Cannabis Farm
Trendy Pants and Shoes
Example React Code

Some ReactJS code will be here soon.

Rene Gombar 2022