I moved the navigation menu by following advice in this thread: https://kriesi.at/support/topic/moved-menu-now-wrong-area-linked/
#top .av-main-nav > li > a {
height: 35px;
top: 80px;
position: relative;
}
Unfortunately, even though it looks correct on the site, it still has an underlying problem: when using Firebug, the menu items CSS are still pointing to the old menu location.
Why do I care? Because I’m putting the linked image in the header above the menu, and the link doesn’t work (the image is not clickable even though it should be). When I started investigating why the image is not linked, that’s when I saw in Firebug that the old menu CSS still points to the old location, so it’s causing conflict with the linked image.
Please help!
Anyone? What is the CORRECT code to move the navigation menu down so ALL of its associated CSS attributes are moved, not just the visible ones? Please help!
Hey!
Please change the code to following one
#top .av-main-nav > li > a {
height: 35px;
}
.av-main-nav > li {
top: 100px;
}
Cheers!
Yigit
I changed the code, but the problem persists. The button in the top right corner above the nav (“Village of Northbrook”) is supposed to be clickable, but it’s not. When I try to explore it in Firebug, it shows the CSS from the menu overlapping it (I guess that’s what’s disabling the link).
Hey!
Please add following code to Quick CSS
.header-custom-content {
z-index: 999;
}
Best regards,
Yigit
That worked! Thank you so much!