/* Theme Name: Nana Nails Lugo — Child Theme URI: https://www.nanashop.es/ Description: Tema hijo de «Nana Nails Lugo». Corrige el logo gigante y el menú solapado en las páginas de WooCommerce. Solo añade CSS sobre el tema padre. Author: Nana Nails Template: nana-nails-lugo Version: 1.0.0 License: GNU General Public License v2 or later Text Domain: nana-nails-lugo-child */ /* ===================================================================== PROBLEMA En las páginas de WooCommerce el recibe ".woocommerce-page" y WooCommerce carga: .woocommerce img, .woocommerce-page img { max-width:100%; height:auto } Especificidad (0,1,1) > .nana-logo (0,1,0) del tema, así que el logo pierde su altura, se dibuja a 555 px (el PNG es 800x800), la cabecera fija crece a 595 px y el menú se solapa con el hero. ===================================================================== */ /* 1) Logo: recupera su altura también dentro de WooCommerce ---------- */ img.nana-logo { height: 3rem !important; width: auto !important; max-width: none !important; } @media (min-width: 640px) { img.nana-logo { height: 3.5rem !important; } } @media (min-width: 768px) { img.nana-logo { height: 5rem !important; } } /* Estado compacto al hacer scroll */ #nana-header.is-solid img.nana-logo { height: 2.75rem !important; } @media (min-width: 768px) { #nana-header.is-solid img.nana-logo { height: 3.75rem !important; } } /* 2) La cabecera nunca debe crecer aunque una imagen se descuadre ---- */ #nana-header > div { min-height: 3rem; } @media (min-width: 768px) { #nana-header > div { min-height: 5rem; } } /* 3) Offset del contenido = altura real de la cabecera (88 / 120 px) - */ .nana-main-offset { padding-top: 88px; } @media (min-width: 768px) { .nana-main-offset { padding-top: 120px; } } /* 4) Seguro anti-desbordes horizontales en las rejillas de producto -- */ .nana-shop, .nana-shop__inner { overflow-x: clip; }