| Server IP : 54.37.205.81 / Your IP : 216.73.216.76 Web Server : nginx/1.22.1 System : Linux vps-249481fa 6.1.0-50-cloud-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.176-1 (2026-07-02) x86_64 User : debian ( 1000) PHP Version : 8.2.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/cameramodaitalia.it/public/wp-content/themes/camera-regionale-moda/ |
Upload File : |
<?php
/**
* Custom Header — FULL fixed (logo + social + menu) + burger + admin-bar safe
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-FMY8XQCF7E"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-FMY8XQCF7E');
</script>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php wp_title('|', true, 'right'); ?></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<style>
:root{--blu:#0B1D51}
body{margin:0}
/* ===== WRAPPER HEADER FISSO ===== */
.site-header{
position: fixed; top:0; left:0; right:0;
z-index: 99999;
background: #fff; /* top bar bianca */
box-shadow: none; transition: box-shadow .2s ease;
}
.site-header.is-scrolled{ box-shadow: 0 6px 20px rgba(0,0,0,.12); }
/* Admin bar */
.admin-bar .site-header{ top:32px; }
@media (max-width:782px){
.admin-bar .site-header{ top:46px; }
}
/* Top row: logo + social */
.site-top{
display:flex;justify-content:space-between;align-items:center;
padding:1rem 2rem;background:#fff;
}
.site-top img{max-height:60px}
.site-top .social a{color:var(--blu);font-size:1.05rem;margin-left:.9rem;text-decoration:none}
.site-top .social a:hover{opacity:.8}
/* Nav bar (dentro l'header fisso) */
.primary-menu{
background: var(--blu);
position: relative; /* NON fixed: sta dentro la site-header fixed */
width:100%;
}
/* Burger */
.burger{
display:none;color:#fff;font-size:1.5rem;background:none;border:none;padding:.75rem 1rem;cursor:pointer
}
/* Menu desktop */
.primary-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;justify-content:center}
.primary-menu a{color:#fff;text-decoration:none;padding:.75rem 1rem;display:block}
.primary-menu li{position:relative}
.primary-menu .sub-menu{
display:none;position:absolute;top:100%;left:0;background:var(--blu);min-width:180px
}
.primary-menu li:hover>.sub-menu{display:block}
/* Mobile */
@media(max-width:768px){
.burger{display:block}
.primary-menu { display:block; }
.primary-menu .menu{
flex-direction:column;gap:0;display:none;background:var(--blu);
padding:.25rem 0;
}
.primary-menu .menu.open{display:block}
.primary-menu .sub-menu{position:static;display:block;padding-left:1rem;background:none}
.primary-menu .sub-menu a{padding:.5rem 0}
.primary-menu li:hover>.sub-menu{display:block}
}
/* Spacer che spinge il contenuto sotto all’header fisso (top+nav) */
#header-spacer{height:0}
</style>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<header class="site-header" role="banner">
<div class="site-top">
<a href="<?php echo esc_url(home_url('/')); ?>">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/logo.jpg" alt="<?php bloginfo('name'); ?>">
</a>
<div class="social" aria-label="Social">
<a href="https://www.facebook.com/cameramodaitaliana" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/cameramodaitalia" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/cameramodaitalia" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<nav class="primary-menu" role="navigation" aria-label="Menu principale">
<button class="burger" aria-label="Apri menu" aria-controls="primary-menu-list" aria-expanded="false">
<i class="fas fa-bars"></i>
</button>
<?php
wp_nav_menu([
'theme_location' => 'primary',
'container' => false,
'menu_class' => 'menu',
'menu_id' => 'primary-menu-list',
'fallback_cb' => function(){
echo '<ul id="primary-menu-list" class="menu"><li><a href="'.esc_url(home_url('/')).'">Home</a></li></ul>';
},
]);
?>
</nav>
</header>
<!-- Spacer dinamico per evitare che l'header fisso copra il contenuto -->
<div id="header-spacer" aria-hidden="true"></div>
<script>
document.addEventListener('DOMContentLoaded',()=>{
const header = document.querySelector('.site-header');
const burger = document.querySelector('.burger');
const list = document.querySelector('.primary-menu .menu');
const spacer = document.getElementById('header-spacer');
function adminOffset(){
const bar = document.getElementById('wpadminbar');
return bar ? bar.offsetHeight : 0;
}
function setSpacer(){
if(!header || !spacer) return;
// Altezza complessiva dell’header fixed (top + nav)
const h = header.offsetHeight;
spacer.style.height = h + 'px';
}
function setHeaderTop(){
// Posiziona la site-header sotto la admin bar se presente (CSS fa da fallback)
const off = adminOffset();
header.style.top = off + 'px';
// Ricalcola lo spacer dopo l’offset
setSpacer();
}
function onScroll(){
header.classList.toggle('is-scrolled', window.scrollY > 2);
}
// Burger mobile
if (burger && list){
burger.addEventListener('click', ()=>{
const isOpen = list.classList.toggle('open');
burger.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
// ricalcola dopo apertura/chiusura
setTimeout(setSpacer, 50);
});
}
window.addEventListener('resize', ()=>{ setHeaderTop(); });
window.addEventListener('load', ()=>{ setHeaderTop(); });
window.addEventListener('scroll', onScroll, {passive:true});
setHeaderTop();
onScroll();
});
</script>
<?php /* il resto del template prosegue con il contenuto della pagina */ ?>