| 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
/**
* Header — safe mobile fix full width menu
*/
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<?php wp_head(); ?>
<style id="cmi-header-css">
:root{
--blu:#0B1D51;
--gold:#c5a059;
}
body{
margin:0;
overflow-x:hidden;
}
.site-header{
position:fixed;
top:0;
left:0;
right:0;
z-index:99999;
background:#fff;
transition:box-shadow .2s ease;
}
.site-header.is-scrolled{
box-shadow:0 6px 20px rgba(0,0,0,.12);
}
.admin-bar .site-header{ top:32px; }
@media (max-width:782px){
.admin-bar .site-header{ top:46px; }
}
.site-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 18px;
background:#fff;
position:relative;
}
.site-top .logo{
display:flex;
align-items:center;
text-decoration:none;
min-width:0;
max-width:calc(100% - 60px);
}
.site-top img{
display:block;
max-height:56px;
width:auto;
height:auto;
max-width:100%;
}
.site-top .social{
display:flex;
align-items:center;
gap:12px;
flex-shrink:0;
}
.site-top .social a{
color:var(--blu);
font-size:1.05rem;
text-decoration:none;
line-height:1;
}
.burger{
display:none;
cursor:pointer;
border:0;
background:none;
line-height:1;
font-size:1.6rem;
color:var(--blu);
padding:6px;
flex-shrink:0;
}
.primary-menu{
width:100%;
background:var(--blu);
}
.primary-menu ul,
.primary-menu li{
margin:0;
padding:0;
list-style:none;
}
.primary-menu a{
text-decoration:none;
display:block;
}
@media (min-width:769px){
.burger{ display:none !important; }
.site-top .social{ display:flex !important; }
#primary-menu-list.cmi-menu{
display:flex !important;
flex-direction:row;
justify-content:center;
align-items:center;
gap:1.2rem;
min-height:48px;
padding:0 16px;
}
#primary-menu-list.cmi-menu > li{
position:relative;
}
#primary-menu-list.cmi-menu > li > a{
color:#fff;
padding:.85rem .4rem;
white-space:nowrap;
}
#primary-menu-list.cmi-menu .sub-menu{
display:none;
position:absolute;
top:100%;
left:0;
background:var(--blu);
min-width:220px;
z-index:100000;
}
#primary-menu-list.cmi-menu li:hover > .sub-menu{
display:block;
}
#primary-menu-list.cmi-menu .sub-menu a{
color:#fff;
padding:.75rem 1rem;
}
.submenu-toggle{
display:none !important;
}
}
@media (max-width:768px){
.site-top{
padding:10px 14px;
}
.site-top img{
max-height:44px;
}
.burger{
display:inline-flex !important;
align-items:center;
justify-content:center;
}
.site-top .social{
display:none !important;
}
.site-header{
position:fixed;
}
.primary-menu{
position:absolute;
top:100%;
left:0;
width:100%;
background:transparent;
min-height:0;
padding:0;
z-index:99999;
}
#primary-menu-list.cmi-menu{
display:none !important;
position:relative;
left:0;
right:auto;
width:100%;
max-width:100%;
margin:0;
background:var(--blu);
padding:0;
border-top:1px solid rgba(255,255,255,.16);
box-shadow:0 10px 20px rgba(0,0,0,.15);
z-index:100000;
}
#cmi-toggle:checked ~ nav.primary-menu #primary-menu-list.cmi-menu{
display:block !important;
}
#primary-menu-list.cmi-menu > li{
position:relative;
width:100%;
border-bottom:1px solid rgba(255,255,255,.08);
}
#primary-menu-list.cmi-menu > li > a{
display:block;
width:100%;
padding:14px 52px 14px 16px;
color:#fff;
text-decoration:none;
white-space:normal;
word-break:break-word;
line-height:1.3;
}
#primary-menu-list.cmi-menu .sub-menu{
display:none !important;
position:static;
width:100%;
margin:0;
padding:0;
background:#09153c;
}
#primary-menu-list.cmi-menu li.submenu-open > .sub-menu{
display:block !important;
}
#primary-menu-list.cmi-menu .sub-menu a{
display:block;
width:100%;
padding:12px 16px 12px 28px;
color:#fff;
}
.submenu-toggle{
position:absolute;
top:0;
right:0;
width:46px;
height:46px;
background:none;
border:0;
color:#fff;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
z-index:2;
}
.submenu-toggle i{
transition:transform .2s ease;
}
li.submenu-open > .submenu-toggle i{
transform:rotate(180deg);
}
}
#header-spacer{
height:108px;
}
@media (max-width:768px){
#header-spacer{
height:66px;
}
}
</style>
</head>
<body <?php body_class(); ?>>
<?php if (function_exists('wp_body_open')) { wp_body_open(); } ?>
<header class="site-header" role="banner">
<div class="site-top">
<a class="logo" href="<?php echo esc_url(home_url('/')); ?>">
<img src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/logo.jpg'); ?>" alt="<?php bloginfo('name'); ?>">
</a>
<label for="cmi-toggle" class="burger" aria-label="Apri menu">
<i class="fas fa-bars"></i>
</label>
<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/cameramodaitaliana" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<input type="checkbox" id="cmi-toggle" hidden>
<nav class="primary-menu" role="navigation" aria-label="Menu principale">
<?php
wp_nav_menu(array(
'theme_location' => 'primary',
'container' => false,
'menu_class' => 'menu cmi-menu',
'menu_id' => 'primary-menu-list',
'fallback_cb' => function(){
echo '<ul id="primary-menu-list" class="menu cmi-menu"><li><a href="'.esc_url(home_url('/')).'">Home</a></li></ul>';
},
));
?>
</nav>
</header>
<div id="header-spacer" aria-hidden="true"></div>
<script>
document.addEventListener('DOMContentLoaded', function(){
var header = document.querySelector('.site-header');
var spacer = document.getElementById('header-spacer');
var toggle = document.getElementById('cmi-toggle');
var list = document.getElementById('primary-menu-list');
function setSpacer(){
if(!header || !spacer) return;
spacer.style.height = header.offsetHeight + 'px';
}
function onScroll(){
if(!header) return;
if (window.scrollY > 2) header.classList.add('is-scrolled');
else header.classList.remove('is-scrolled');
}
function onChange(){
setTimeout(setSpacer, 50);
}
if (list){
var parents = list.querySelectorAll('li.menu-item-has-children');
parents.forEach(function(li){
if (!li.querySelector('.submenu-toggle')){
var caret = document.createElement('button');
caret.className = 'submenu-toggle';
caret.type = 'button';
caret.setAttribute('aria-label','Apri o chiudi sottomenu');
caret.innerHTML = '<i class="fas fa-chevron-down"></i>';
var sub = li.querySelector('ul.sub-menu');
if (sub){
li.insertBefore(caret, sub);
caret.addEventListener('click', function(e){
e.preventDefault();
li.classList.toggle('submenu-open');
setTimeout(setSpacer, 50);
});
}
}
});
var links = list.querySelectorAll('a');
links.forEach(function(a){
a.addEventListener('click', function(){
if (window.innerWidth <= 768 && toggle){
toggle.checked = false;
onChange();
}
});
});
}
window.addEventListener('resize', setSpacer);
window.addEventListener('load', setSpacer);
window.addEventListener('scroll', onScroll, {passive:true});
if (toggle) toggle.addEventListener('change', onChange);
setSpacer();
onScroll();
});
</script>
<?php /* resto del template */ ?>