Hello Louis, the caching now works, i tested it like you said, I made a new item in the nav, and when the cache renewed it was there, and i tested to see if the nav was there before the hour too, just in case.

But i have a question then, im using the nav in different places with different models, arent that gonna effect the output of that? i read that if you have different models, then the nav will just take the first model of where the the cached nav is (and the rest gets the same)?

So is this going to work if i go to for example, Vehicle -> Cars -> Doors, and when it goes to doors page it shows where in the nav i am. In the Nav on that page is the Vehicle -> Cars -> Doors.

Im doing is like ->

@Html.CachedPartial("~/Views/Partials/Navigation/SideNavigation.cshtml", Model, 3600)

shouldnt i use the cachesPartial where i want the nav to be ?

but i dont think this is right, cus its calling the same state every time ?

I meant the code within that partial, it is correct im not sure what you mean by 'state'?

My bad,

This is what im using

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@using ContentModels = Umbraco.Web.PublishedContentModels;
@using Website.Models;
@{
    Layout = null;
    //var backgroundImage = Model.Content.HeroImage != null ? Model.Content.HeroImage.Url : String.Empty;
    var categories = Umbraco.Content(1270);
}




<nav class="productNav" id="productNav">
    <a href="@categories.Url" class="productNav__overview">
        <div class="productNav__overview-smallbox" data-toggle="collapse" data-target="#navigation-0" aria-expanded="true" aria-controls="navigation-0">
            <div class="icon__block icon__block-active"></div>
            <div class="product__overview-smallbox--text">Products Overview</div>
        </div>
        <div id="navigation-0" class="collapse show" data-parent="#productNav"></div>
    </a>
    <div class="productNav__accordion accordion">
        @{
            var count = 1;
            foreach (var category in categories.Children())
            {
                <div class="productNav__accordion-smallbox">
                    <a href="@category.Url" class="productNav__accordion-smallbox--textbox">
                        <div class="icon__block "></div>
                        <div class="productNav__accordion-smallbox--textbox--text">@category.Name</div>
                    </a>
                    <div class="icon__plus collapsed" data-toggle="collapse" data-target="#navigation-@count" aria-expanded="true" aria-controls="navigation-@count">
                        <div class="icon__plus-one"></div>
                        <div class="icon__plus-two"></div>
                    </div>
                </div>
                <div class="productNav__accordion-bigbox collapse" id="navigation-@count" class="collapse show" data-parent="#productNav">

                    @foreach (var childs in category.Children())
                    {
                    <a href="@childs.Url" class="productNav__accordion-bigbox--itembox" >
                        <div class="productNav__accordion-bigbox--itembox--icon icon__block"></div>
                        <div class="productNav__accordion-bigbox--itembox--item">@childs.Name</div>
                    </a>
                    }
                </div>
                count++;
            }
        }
    </div>

    </nav>

King regards.