Privacy Policy
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Blue Ape Renewables</title>
<style>
/* Reset styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* TARGET ORIGINAL NAVIGATION ONLY – CAREFULLY */
/* Only target original elements, preserve our new menu */
.site-header:not(.blue-ape-nav-container),
.main-navigation:not(.blue-ape-nav-container),
nav:not(.blue-ape-nav-container),
header:not(.blue-ape-nav-container),
#masthead,
.main-header-bar-wrap,
.primary-menu-container,
.elementor-location-header {
display: none !important;
visibility: hidden !important;
height: 0 !important;
overflow: hidden !important;
}
/* FIX WHITESPACE – SAFELY */
/* Fix WordPress admin bar issue */
#wpadminbar {
display: none !important;
}
html {
margin-top: 0 !important;
}
/* Remove top margin/padding from content but DON’T affect our menu */
.site-content:not(.blue-ape-content-spacer),
#content:not(.blue-ape-content-spacer),
.content-area:not(.blue-ape-content-spacer),
main:not(.blue-ape-content-spacer),
.entry-content:not(.blue-ape-content-spacer),
article:not(.blue-ape-content-spacer) {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* SAFELY TARGET ARROWS – ONLY IN ORIGINAL MENU */
.original-navigation .menu-item > a > span,
.original-navigation .menu-item-has-children > a > span,
.main-navigation:not(.blue-ape-nav-container) .menu-item > a > span,
.site-header:not(.blue-ape-nav-container) .menu-item > a > span,
nav:not(.blue-ape-nav-container) .menu-item > a > span,
.menu-item-has-children:not(.blue-ape-dropdown) > a > span,
.menu-item-has-children:not(.blue-ape-dropdown) > a::after {
display: none !important;
}
/* OUR NEW MENU STYLES – FULL SIZE */
.blue-ape-nav-container {
width: 100%;
background-color: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
left: 0;
z-index: 99999; /* Very high z-index to ensure it displays above everything */
padding-top: 10px; /* Added padding to prevent text cut-off */
border-bottom: 1px solid #f0f0f0;
}
.blue-ape-nav-inner {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
height: 140px; /* Increased to accommodate larger logo */
}
.blue-ape-logo {
display: flex;
align-items: center;
}
.blue-ape-logo img {
height: auto; /* Allow natural sizing */
width: 300px; /* SUBSTANTIALLY increased from 200px */
margin-right: 25px;
max-width: none; /* Prevent WordPress from constraining the image */
}
/* Desktop menu styles – LARGER TEXT */
.blue-ape-desktop-menu {
display: flex;
list-style: none;
}
.blue-ape-desktop-menu li {
position: relative;
margin-left: 15px; /* Further reduced to accommodate larger logo */
}
.blue-ape-desktop-menu .menu-item {
color: #333;
text-decoration: none;
font-weight: 500;
font-size: 16px; /* Reduced from 18px */
padding: 10px 0; /* Reduced from 12px */
display: block;
position: relative;
transition: color 0.3s;
white-space: nowrap; /* Prevent text wrapping */
}
.blue-ape-desktop-menu .menu-item:hover {
color: #007BFF;
}
/* Dropdown styles */
.blue-ape-dropdown-content {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
min-width: 250px; /* INCREASED from 220px */
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
z-index: 1;
border-radius: 4px;
padding: 10px 0;
}
.blue-ape-dropdown-content a {
color: #333;
padding: 14px 20px; /* INCREASED from 12px */
text-decoration: none;
display: block;
font-size: 16px; /* INCREASED from 14px */
transition: background-color 0.3s;
}
.blue-ape-dropdown-content a:hover {
background-color: #f8f9fa;
color: #007BFF;
}
.blue-ape-dropdown:hover .blue-ape-dropdown-content {
display: block;
}
.blue-ape-dropdown .menu-item::after {
content: ‘▼’;
font-size: 10px;
margin-left: 5px;
}
/* Contact button styling */
.blue-ape-contact-btn {
background-color: #007BFF;
color: white !important;
padding: 10px 20px; /* Reduced padding */
border-radius: 25px;
text-decoration: none;
font-weight: 500;
transition: background-color 0.3s;
display: inline-block; /* Ensure proper sizing */
font-size: 16px; /* Reduced font size */
}
.blue-ape-contact-btn:hover {
background-color: #0056b3;
}
/* Mobile menu styles */
.blue-ape-mobile-menu-btn {
display: none;
background: transparent;
border: none;
color: #333;
font-size: 28px; /* INCREASED from 24px */
cursor: pointer;
}
.blue-ape-mobile-menu {
display: none;
position: fixed;
top: 140px; /* Adjusted to match new nav height */
left: 0;
width: 100%;
height: calc(100vh – 140px); /* Adjusted to match new nav height */
background: white;
z-index: 99998; /* Very high but below main nav */
overflow-y: auto;
padding: 20px;
}
.blue-ape-mobile-menu ul {
list-style: none;
}
.blue-ape-mobile-menu li {
margin-bottom: 12px; /* INCREASED from 10px */
}
.blue-ape-mobile-menu .menu-item {
color: #333;
text-decoration: none;
font-weight: 500;
font-size: 20px; /* INCREASED from 18px */
padding: 14px 0; /* INCREASED from 12px */
display: block;
cursor: pointer; /* Add cursor pointer to indicate it’s clickable */
position: relative; /* Position relative for dropdown indicator */
}
/* Add dropdown indicator to parent items */
.blue-ape-mobile-menu .has-dropdown > .menu-item::after {
content: ‘▼’;
font-size: 12px;
margin-left: 8px;
display: inline-block;
transition: transform 0.3s ease;
}
/* Rotate arrow when dropdown is open */
.blue-ape-mobile-menu .has-dropdown.active > .menu-item::after {
transform: rotate(180deg);
}
.blue-ape-mobile-dropdown {
margin-left: 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
.blue-ape-mobile-dropdown a {
color: #333;
text-decoration: none;
padding: 12px 0; /* INCREASED from 10px */
display: block;
font-size: 18px; /* INCREASED from 16px */
}
.blue-ape-mobile-menu-open .blue-ape-mobile-menu {
display: block;
}
/* Responsive styles */
@media (max-width: 1100px) {
.blue-ape-desktop-menu {
display: none;
}
.blue-ape-mobile-menu-btn {
display: block;
}
}
/* Add spacing below navigation for content */
.blue-ape-content-spacer {
height: 160px; /* Increased to match taller navigation */
}
</style>
</head>
<body>
<!– Blue Ape Navigation Container –>
<div class=”blue-ape-nav-container”>
<div class=”blue-ape-nav-inner”>
<!– Logo Section –>
<div class=”blue-ape-logo”>
<img src=”https://www.blueaperenewables.co.uk/wp-content/uploads/2025/03/Untitled-design-2025-03-03T165639.947.png” alt=”Blue Ape Renewables Logo”>
</div>
<!– Desktop Menu –>
<ul class=”blue-ape-desktop-menu”>
<li><a href=”/” class=”menu-item”>Home</a></li>
<li><a href=”https://www.blueaperenewables.co.uk/about/” class=”menu-item”>About us</a></li>
<li><a href=”https://www.blueaperenewables.co.uk/air-source-heat-pumps/” class=”menu-item”>Air Source Heat Pumps</a></li>
<!– PV Products Dropdown –>
<li class=”blue-ape-dropdown”>
<a href=”#” class=”menu-item”>PV Products</a>
<div class=”blue-ape-dropdown-content”>
<a href=”/solar-pv”>Solar PV</a>
<a href=”/commercial-pv”>Commercial PV</a>
<a href=”https://www.blueaperenewables.co.uk/solar-carport/”>Solar Carport</a>
<a href=”https://www.blueaperenewables.co.uk/eddi/”>Eddi Solar Diverter</a>
<a href=”/inverter-replacement-repair”>Inverter Replacement & Repair</a>
</div>
</li>
<!– Solar Batteries Dropdown –>
<li class=”blue-ape-dropdown”>
<a href=”#” class=”menu-item”>Solar Batteries</a>
<div class=”blue-ape-dropdown-content”>
<a href=”https://www.blueaperenewables.co.uk/tesla-powerwall-3/”>Tesla Powerwall 3</a>
<a href=”https://www.blueaperenewables.co.uk/battery-storage/”>Solar Battery</a>
<a href=”https://www.blueaperenewables.co.uk/commercial-battery/”>Commercial Battery</a>
</div>
</li>
<!– Construction Dropdown –>
<li class=”blue-ape-dropdown”>
<a href=”#” class=”menu-item”>Construction</a>
<div class=”blue-ape-dropdown-content”>
<a href=”/construction-works”>Construction Works</a>
<a href=”/roofing”>Roofing</a>
</div>
</li>
<li><a href=”https://www.blueaperenewables.co.uk/ev-charger/” class=”menu-item”>EV Charging</a></li>
<li><a href=”/contact” class=”menu-item blue-ape-contact-btn”>Contact us</a></li>
</ul>
<!– Mobile Menu Button –>
<button class=”blue-ape-mobile-menu-btn” id=”blue-ape-mobile-menu-toggle”>☰</button>
</div>
</div>
<!– Mobile Menu –>
<div class=”blue-ape-mobile-menu” id=”blue-ape-mobile-menu”>
<ul>
<li><a href=”/” class=”menu-item”>Home Page</a></li>
<li><a href=”/about-us” class=”menu-item”>About us</a></li>
<li><a href=”/air-source-heat-pumps” class=”menu-item”>Air Source Heat Pumps</a></li>
<!– PV Products Mobile Dropdown –>
<li class=”has-dropdown”>
<a class=”menu-item”>PV Products</a>
<div class=”blue-ape-mobile-dropdown”>
<a href=”/solar-pv”>Solar PV</a>
<a href=”https://www.blueaperenewables.co.uk/commercial-pv/”>Commercial PV</a>
<a href=”/solar-carport”>Solar Carport</a>
<a href=”/eddi-solar-diverter”>Eddi Solar Diverter</a>
<a href=”https://www.blueaperenewables.co.uk/inverter-replacement/”>Inverter Replacement & Repair</a>
</div>
</li>
<!– Solar Batteries Mobile Dropdown –>
<li class=”has-dropdown”>
<a class=”menu-item”>Solar Batteries</a>
<div class=”blue-ape-mobile-dropdown”>
<a href=”/tesla-powerwall-3″>Tesla Powerwall 3</a>
<a href=”/solar-battery”>Solar Battery</a>
<a href=”/commercial-battery”>Commercial Battery</a>
</div>
</li>
<!– Construction Mobile Dropdown –>
<li class=”has-dropdown”>
<a class=”menu-item”>Construction</a>
<div class=”blue-ape-mobile-dropdown”>
<a href=”https://www.blueaperenewables.co.uk/construction-work/”>Construction Works</a>
<a href=”https://www.blueaperenewables.co.uk/roofing/”>Roofing</a>
</div>
</li>
<li><a href=”/ev-charging” class=”menu-item”>EV Charging</a></li>
<li><a href=”/contact-us” class=”menu-item”>Contact us</a></li>
</ul>
</div>
<!– Spacer to prevent content from hiding under the fixed navigation –>
<div class=”blue-ape-content-spacer”></div>
<script>
// DOM ready function
document.addEventListener(‘DOMContentLoaded’, function() {
// SAFELY target original navigation only – Add a class to help with targeting
document.querySelectorAll(‘nav, header, .main-navigation, .site-header’).forEach(function(el) {
// Make sure we’re not targeting our own nav
if (!el.classList.contains(‘blue-ape-nav-container’) &&
!el.closest(‘.blue-ape-nav-container’)) {
el.classList.add(‘original-navigation’);
el.style.display = ‘none’;
el.style.visibility = ‘hidden’;
}
});
// SAFELY remove dropdown arrows only from original menu
document.querySelectorAll(‘.original-navigation .menu-item > a > span, .menu-item-has-children:not(.blue-ape-dropdown) > a > span’).forEach(function(el) {
if (el && el.parentNode) {
el.style.display = ‘none’;
}
});
// Mobile menu toggle
const mobileMenuToggle = document.getElementById(‘blue-ape-mobile-menu-toggle’);
const body = document.body;
const mobileMenu = document.getElementById(‘blue-ape-mobile-menu’);
if (mobileMenuToggle && mobileMenu) {
mobileMenuToggle.addEventListener(‘click’, function() {
body.classList.toggle(‘blue-ape-mobile-menu-open’);
if (body.classList.contains(‘blue-ape-mobile-menu-open’)) {
mobileMenuToggle.textContent = ‘✕‘;
mobileMenu.style.display = ‘block’;
} else {
mobileMenuToggle.textContent = ‘☰‘;
mobileMenu.style.display = ‘none’;
}
});
}
// Mobile dropdowns – new functionality that makes the menu item text clickable
const mobileDropdownItems = document.querySelectorAll(‘.blue-ape-mobile-menu .has-dropdown > .menu-item’);
mobileDropdownItems.forEach(function(item) {
item.addEventListener(‘click’, function(e) {
// Prevent default action
e.preventDefault();
// Toggle active class for styling
this.parentElement.classList.toggle(‘active’);
// Find the dropdown content
const dropdown = this.nextElementSibling;
// Toggle the dropdown visibility
if (dropdown.style.maxHeight) {
dropdown.style.maxHeight = null;
} else {
dropdown.style.maxHeight = dropdown.scrollHeight + ‘px’;
}
});
});
// Identify and fix any whitespace issues
const contentElements = document.querySelectorAll(‘.site-content, #content, .content-area, main, .entry-content, article’);
contentElements.forEach(el => {
if (!el.closest(‘.blue-ape-nav-container’) && !el.classList.contains(‘blue-ape-content-spacer’)) {
el.style.marginTop = ‘0’;
el.style.paddingTop = ‘0’;
}
});
});
</script>
<!– Your website content goes here –>
</body>
</html>
Last updated: November 1, 2024
Blue Ape Renewables (“us”, “we”, or “our”) operates the Blue Ape Renewables website (the “Service”).
This page informs you of our policies regarding the collection, use and disclosure of Personal Information when you use our Service.
We will not use or share your information with anyone except as described in this Privacy Policy.
We use your Personal Information for providing and improving the Service. By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, accessible at https://www.blueaperenewables.co.uk
Information Collection And Use
While using our Service, we may ask you to provide us with certain personally identifiable information that can be used to contact or identify you. Personally identifiable information (“Personal Information”) may include, but is not limited to:
- Name
- Email address
- Telephone number
- Address
Log Data
We collect information that your browser sends whenever you visit our Service (“Log Data”). This Log Data may include information such as your computer’s Internet Protocol (“IP”) address, browser type, browser version, the pages of our Service that you visit, the time and date of your visit, the time spent on those pages and other statistics.
Cookies
Cookies are files with small amount of data, which may include an anonymous unique identifier. Cookies are sent to your browser from a web site and stored on your computer’s hard drive.
We use “cookies” to collect information. You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However, if you do not accept cookies, you may not be able to use some portions of our Service.
Service Providers
We may employ third party companies and individuals to facilitate our Service, to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used.
These third parties have access to your Personal Information only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose.
Security
The security of your Personal Information is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Information, we cannot guarantee its absolute security.
Links To Other Sites
Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party’s site. We strongly advise you to review the Privacy Policy of every site you visit.
We have no control over, and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
Children’s Privacy
Our Service does not address anyone under the age of 18 (“Children”).
We do not knowingly collect personally identifiable information from children under 18. If you are a parent or guardian and you are aware that your child has provided us with Personal Information, please contact us. If we discover that a child under 18 has provided us with Personal Information, we will delete such information from our servers immediately.
Changes To This Privacy Policy
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
Contact Us
If you have any questions about this Privacy Policy, please contact us.