Howdy guys

πŸ“Œ Method 1: Use Smart Slider 3 (Recommended)

Since you already have Smart Slider 3, let’s add it after the navigation bar.

Step 1: Create a Slider

  1. Go to: WordPress Dashboard β†’ Smart Slider.
  2. Click New Project β†’ Create a new slider.
  3. Upload images and configure full-width settings.
  4. Save the slider.

Step 2: Get the Slider Shortcode

  1. After saving, copy the shortcode (it will look like this): csharpCopyEdit

Step 3: Add the Slider Below Navigation

  1. Go to: Appearance β†’ Theme File Editor.
  2. Open header.php or functions.php (use a child theme to prevent updates from overwriting changes).
  3. Add this code to insert the slider after the navigation: phpCopyEditadd_action('generate_after_header', 'add_custom_slider'); function add_custom_slider() { echo do_shortcode(' // Replace "1" with your slider ID }
  4. Save the file and check your homepage.

βœ… Pros: No page builder required, fast, and optimized.
❌ Cons: Requires a small PHP edit.


πŸ“Œ Method 2: Use Elementor (Easier, No Coding)

If you prefer Elementor, follow these steps:

Step 1: Enable Full-Width Page

  1. Go to: Appearance β†’ Customize β†’ Layout β†’ Container.
  2. Set Container to Full Width.
  3. Click Publish.

Step 2: Edit Homepage with Elementor

  1. Go to: Pages β†’ Edit Home Page.
  2. Click Edit with Elementor.
  3. Add a Section β†’ Set it to Full Width.
  4. Drag and drop the Smart Slider 3 widget and select your slider.
  5. Save & Publish.

βœ… Pros: No coding required, full design control.
❌ Cons: Elementor can slow down your site if not optimized.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top