resolved
System.: Wordpress: V. 4.0-da_DK tema: Underscores.me tema-navn "pvbcv" OBS: localhost wamp.
Temaet er uploadet på min test side Min test side som også kører wordpress V. 4.0-da_DK.
Jeg er ved at designe menuen i mit underscores tema hvor jeg bruger følgende kode i header.php til at indsætte .svg elementer før og efter hvert menu element, for at skabe et faneblads lignende udseende.
.svg elementerne er indsat før og efter .... i menuen ved brug af wp_nav_menu-parameter
- 'before' => '.svg element',
- 'after' => '.svg element 2',
i forsøget på at overskrive default værdierne se link: wordpress codex
(uddrag af header.php)
<nav id="site-navigation" class="main-navigation" role="navigation">
<button class="menu-toggle"><?php _e( 'Primary Menu', 'pbhcv' ); ?></button>
<?php wp_nav_menu( array(
'theme_location' => 'primary',
'before' => '<div class="tab"><svg class="tab-shape-start" viewBox=" 0 0 53 100"><use xlink:href="#tab-shape-start"></use></svg>',
'after' => '<svg class="tab-shape-end" viewBox=" 0 0 110 100"><use xlink:href="#tab-shape-end"></use></svg></div',
) ); ?>
</nav><!-- #site-navigation -->
men efter jeg har indsat mine .svg elementer før og efter .... med $before og $after parametrene, er style parametrene for undermenuerne ophørt med at virke.
dvs. jeg kan ikke længere style submenuen med....
.main-navigation ul ul li a {
color: green;
}
kan nogle hjælpe mig med at få det til at virke igen.
Som hjælp til debugging har jeg på test siden "link" indsæt den samme menu 2 gange, 1 gang uden .svg elementerne og 1 gang med, så man kan se at....
.main-navigation ul ul li a { ....påvirker den menu, hvor jeg ikke har andvendt $before og $after parametrene.
color: green;
}