=== Topbar ID for Elementor ===
Contributors: reyzua
Tags: navigation, topbar, sections
Requires at least: 5.8
Donate link: https://profiles.wordpress.org/reyzua/
Tested up to: 6.6
Stable tag: 1.0.1
Requires PHP: 7.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This plugin provides a custom topbar widget compatible with Elementor, allowing you to create navigation menus that link directly to sections within your pages.

== Description ==

Topbar ID enhances your WordPress website with a sleek and customizable topbar navigation menu. Designed to work seamlessly with Elementor, this plugin empowers you to effortlessly create visually appealing topbars that guide visitors to different sections of your pages.

**Features**

* **Elementor Compatibility:** Create and customize your topbar using Elementor's intuitive drag-and-drop interface.
* **Section Linking:** Easily link topbar items to specific sections on your pages using section IDs.
* **Styling Options:** Customize the appearance of your topbar, including colors, fonts, backgrounds, and hover effects.
* **Responsive Design:** The topbar automatically adapts to different screen sizes for optimal viewing on all devices.

== Installation ==

1. Upload the `topbar-id-for-elementor` folder to the `/wp-content/plugins/` directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.

== Usage ==

1. Edit a page or post with Elementor.
2. Search for the "Topbar ID" widget in the Elementor widget panel.
3. Drag and drop the widget into your desired location.
4. Configure the widget settings:
   * **Navigation List:** Add your navigation items and specify the target section ID for each link.
   * **Styling:** Customize the appearance of the topbar and its elements.
5. Save your changes and view your page.

== Frequently Asked Questions ==

= Q: How do I link a topbar item to a specific section? =
A: In the widget settings, enter the section ID (e.g., "section1") in the "Navigation ID Target" field for the corresponding navigation item.

= Q: Can I customize the appearance of the topbar? =
A: Yes, the plugin provides various styling options to customize the topbar's background, colors, fonts, and more.

== Screenshots ==

1. The plugin's settings page, where you can customize the topbar.
![Input Content](../assets/plugincontent.png) 
![Customized Style](../assets/pluginstyle.png) 
2. An example of a custom topbar created with the plugin.
![UI](../assets/thePlugin.png) 
3. The topbar displayed on a mobile device, showcasing its responsiveness.
![Mobile UI](../assets/phoneUI.jpg) 


== Changelog ==

= 1.0.0 =
* Initial release.
= 1.0.1 =
* Style bug fixed in navbar label.

== Upgrade Notice ==

= 1.0.0 =
* Initial release.
= 1.0.1 =
* Style bug fixed.