Title: Dynamic Menu Highlight CSS Problem Last modified: August 18, 2016 --- # Dynamic Menu Highlight CSS Problem * [honestworker](https://wordpress.org/support/users/honestworker/) * (@honestworker) * [21 years, 1 month ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/) * Hi there, I took this horizontal navigation from here: [http://css.maxdesign.com.au/listamatic/horizontal34.htm](http://css.maxdesign.com.au/listamatic/horizontal34.htm) and built it into my blogg following this Instructions: [http://codex.wordpress.org/Dynamic_Menu_Highlighting](http://codex.wordpress.org/Dynamic_Menu_Highlighting). * The result you can see here: [http://www.bazarow.de/blogg/](http://www.bazarow.de/blogg/) * Now: Before I made it dynamic it worked fine, as you can see under the categorie“ gallerie” (it works there well, for it’s manually insertet code for the “$current” page in pixelposttemplate). * But if you see on the dynamic navigation in the WordPressblog, the font doubles it size, when you hover the current’s page button. * This is due to the css-style of the navigation in the last part, where you bring in the variable $current. * Here you have the parts of the code that are important: ` * * * Can anyone help me with this? I mean to make the font not getting sized the second time when hovering the current page’s link? I’m lost! * Thanks! Viewing 9 replies - 1 through 9 (of 9 total) * [moshu](https://wordpress.org/support/users/moshu/) * (@moshu) * [21 years, 1 month ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209155) * Well, you have the font-size “1em” for `navlist li a` and “2em” for hover… * Thread Starter [honestworker](https://wordpress.org/support/users/honestworker/) * (@honestworker) * [21 years, 1 month ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209230) * I’ve tried editing it – it didn’t show any effect. Anyhow, i’m pretty sure the mistake is in this part: `#navlist li a:hover,#, #navlist a# { color: #E60003; background-color:white; border-top: none; font-size: 2.0em; } * So when I got it right, the navigation sizes the font 2 times because of the 2 `#` situated in this style tag. I’ve tried, but I can’t figure it out: Either the “current” is not doublesized when loaded or it’s like this – no way to let the font only be sized ones 🙁 ARGH!!! * Thread Starter [honestworker](https://wordpress.org/support/users/honestworker/) * (@honestworker) * [21 years, 1 month ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209231) * Btw, the code looks like this now: * `` * * [moshu](https://wordpress.org/support/users/moshu/) * (@moshu) * [21 years, 1 month ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209252) * I would separate these two statements: `#navlist li a:hover,#, #navlist a#` Remember, CSS stands for “cascading” style sheets 🙂 so the link “blog” when I go the the site once it is doubled in size because being the current link and then second time by hovering (2×2=4) * Thread Starter [honestworker](https://wordpress.org/support/users/honestworker/) * (@honestworker) * [21 years ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209265) * Ok, I already thought that was the problem, but though I tried many constellations: When I delete the `#` tag, its not doublesized when current page loaded. So I know what the problem is but I cant solve it 🙁 * [moshu](https://wordpress.org/support/users/moshu/) * (@moshu) * [21 years ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209266) * As I said above: do not put those two things together! Give them separate definitions. I think it should work. Did you try it? * [Joshua Sigar](https://wordpress.org/support/users/alphaoide/) * (@alphaoide) * [21 years ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209269) * What you have `#navlist a#` * What it should be `#navlist li# a` * …and so on * Thread Starter [honestworker](https://wordpress.org/support/users/honestworker/) * (@honestworker) * [21 years ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209302) * HALLELUJA!! Thanks alot alphaoide, that was the snippet I needed. Works fine now. Thanks! * [ptryk](https://wordpress.org/support/users/ptryk/) * (@ptryk) * [20 years, 10 months ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209412) * found a plugin of interest w/r/t dynamic menu’s includes highlighting, multiple levels.. or not…. [http://www.adsworth.info/wp-pagesnav](http://www.adsworth.info/wp-pagesnav) Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘Dynamic Menu Highlight CSS Problem’ is closed to new replies. * 9 replies * 4 participants * Last reply from: [ptryk](https://wordpress.org/support/users/ptryk/) * Last activity: [20 years, 10 months ago](https://wordpress.org/support/topic/dynamic-menu-highlight-css-problem/#post-209412) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics