Nav Bar

Hi team,

Can you tell me which is the best way to put the 'desktop-cart' and the 'search-box' in the 'header-links-wrapper'?

Hi there,

This is what you must do:

Find this code in the "Header.cshtml" file:

<div class="desktop-header-right">
                <div class="search-box">
                    @Html.Action("SearchBox", "Catalog")
                </div>
                <div class="desktop-cart">
                    <div class="shopping-cart-link">
                        <a href="@Url.RouteUrl("ShoppingCart")">@T("ShoppingCart")</a>
                        @Html.Action("FlyoutShoppingCart", "ShoppingCart")
                    </div>
                </div>
            </div>

...and just replace it inside the '<div class="header-centering">' element. Then in the css file '980.css'('Themes/Allure/Content/CSS/980.css') you can add your styles for the element you have just replaced:

.desktop-header-right {
    float: left;/*if you like to stay in right side just live it like it is*/
}

Finally you might need to add some styles for "flyout-cart" element.