Shop

Trend Gadgets

Live smart with Trend Shop products

Select options
Uncategorized
Wall Mounted Toothbrush Holder Smart Toothbrush UV Sterilizer Holder Toothpaste Dispenser Squeezer For Bathroom Accessories
Rated 4.94 out of 5
$32.00
Select options
gadgets
Magnetic Suction Car Phone Holder Navigation Multifunctional
Rated 0 out of 5
$27.00
Select options
Technology
Universal gadget, wireless phone charger, air pump for car, bicycle and flashlight
Rated 0 out of 5
$52.00

Skincare made with the world finest

Balance, purify, and heal your skin with Monastery. Ingredients of the highest quality.

Contact Us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur

<!-- داخل header.php -->

<nav class="navbar">
  <div class="logo">
    <a href="<?php echo home_url(); ?>"> <?php bloginfo('name'); ?> </a>
  </div>

  <!-- آیکون همبرگری -->
  <div class="hamburger">☰</div>

  <!-- منوی وردپرس -->
  <?php
    wp_nav_menu(array(
      'theme_location' => 'primary', // جایگزین کن با location منوی اصلی‌ات
      'menu_class'     => 'nav-links',
    ));
  ?>
</nav>


<style>
/* استایل پایه */
body {
  margin: 0;
  font-family: sans-serif;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #222;
  color: #fff;
  padding: 10px 20px;
}

.logo a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
}

.hamburger {
  cursor: pointer;
  font-size: 25px;
  display: none;
  color: #fff;
}

.nav-links {
  display: flex;
  gap: 20px;
  list-style: none;
}

.nav-links li a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
}

.nav-links li a:hover {
  color: #00c3ff;
}

/* حالت موبایل */
@media (max-width: 768px) {
  .hamburger {
    display: block;
  }

  .nav-links {
    position: absolute;
    top: 60px;
    right: -250px;
    background: #333;
    flex-direction: column;
    width: 220px;
    padding: 20px;
    transition: right 0.3s ease;
  }

  .nav-links.active {
    right: 0;
  }
}
</style>


<script>
document.addEventListener("DOMContentLoaded", function () {
  const hamburger = document.querySelector(".hamburger");
  const navLinks = document.querySelector(".nav-links");

  hamburger.addEventListener("click", () => {
    navLinks.classList.toggle("active");
  });
});
</script>

Shop

Trend Gadgets

Wall Mounted Toothbrush Holder Smart Toothbrush UV Sterilizer Holder Toothpaste Dispenser Squeezer For Bathroom Accessories

Magnetic Suction Car Phone Holder Navigation Multifunctional

Universal gadget, wireless phone charger, air pump for car, bicycle and flashlight

Featured Products

Perfect Skincare

Skincare made with the world finest

Contact Us

Trend Shop