You are indeed missing a span in the code. It might be faulty from the factory. If you want to zip the raw theme and send it I can probably fix it.

Or their tech support should have an answer for you.

If you send it email to steve @ performancec5.com so that the template doesn't become public.

Steve

Thanks, I finally emailed the developer of the template and he gave me the same directions. Wish he would have included those directions in the download, would have saved me several hours of frustration and wasting some peoples time trying to help me out.

Thanks again.

You are correct about why this happens -- the original template uses the existence of a <span> element to show the left portion of the oval, but the concrete5 autonav template does NOT output this <span>.

You have two options here -- either change the code of the autonav template so it DOES output a <span> for the selected / highlighted item, or change the CSS so it uses something other than the existence of the <span> to apply the semi-circle.

I think the best thing to do is change the CSS. Look for the three places that the "nav_span.png" appears, and modify the selector so instead of "span", it just looks for an "a" that's underneath an li having the '.nav-selected' class (or something like that).

Hope that makes sense.

-Jordan

Thanks for your responses. I am able to locate the three instances of the "nav_span.png" and tried changing the code as you specified, but am not getting the results.

Here is the css code that controls the hover and active state the way it is currently:

/* Hover */
#navigation ul li a:hover span {
background: url(images/nav_span.png) no-repeat left;
}
#navigation ul li a:hover {
text-decoration: none;
background: url(images/nav_element.png) no-repeat top right;
}

/* Selected */

#navigation ul li a.nav-selected span {
background: url(images/nav_span.png) no-repeat left;
}
#navigation ul li a.nav-selected {
background: url(images/nav_element.png) no-repeat top right;
}

#navigation ul li.nav-selected a span {
background: url(images/nav_span.png) no-repeat left;
}
#navigation ul li.nav-selected a {
background: url(images/nav_element.png) no-repeat top right;
}

Can you help me pinpoint what needs to change? Thanks, I really appreciate the help

Hi,

Yes, sorry about the missing instructions for this part of the theme.

It's very easy, you just need to click on the navigation and select the Custom template. From there, select the Creativity template.

That's it.

If any one of you run into problems, just e-mail us. hello@vivatemplates.com

Thanks for posting this fix, it helped tremendously.

Very nice template you have built! I hope you build more in the future.

Installed creative template.
set as active theme.
entered edit mode on homepage and mouse-over'd the nav
selected custom template

I do not see Creative as an option to fix the nav_span.png not appearing on the left side of the nav bar.

Please Advise.

Running 5.4.1.1

M
XMLA

xmla please use the support forum for your addon