Navigation Format

[scottish]

We have updated a site from V11 to V12 (2013); everything appears fine except the section navigation format - please see the attached file. I have compared the design layouts as far as my technical knowledge goes but I am stuck.

The site design was produced by John Higgins (Bikster) so sadly I can't ask him to help.

Thanks

[Duncan Rounding]

Is it uploaded on test?
I suspect it is probably css that is missing or incorrect. Check your style sheets are correct.

[scottish]

Navigation Format

The site is uploaded www.scotsmeat.com - everything is working as expected from the V11 upgrade, except the side section navigation.

Thanks for your attention.

Bernie

[NormanRouxel]

Some code is missing. You have:

<ul class="sidenav">
	<a href="acatalog/scottish-speciality-foods.html" class="product_section"> Scottish Specialities</a>	
	<a href="acatalog/Scottish_Pies.html" class="product_section"> Scotch Pies</a>	
	<a href="acatalog/sausage-burgers-mince.html" class="product_section"> Sausages, Burgers and Mince</a>	
	<a href="acatalog/scottish-beef-joints.html" class="product_section"> Scottish Beef Joints</a>	
	<a href="acatalog/Top_Quality_Beef_Steaks.html" class="product_section"> Scottish Beef Steaks</a>	
	<a href="acatalog/scottish-pork-and-lamb.html" class="product_section"> Scottish Pork and Lamb</a>	
	<a href="acatalog/scottish-food-produce.html" class="product_section"> Something Different</a>	
	<a href="acatalog/Ready_Made_Meals.html" class="product_section"> Ready Made Meals</a>	
	<a href="acatalog/Freezer_Packs.html" class="product_section"> Freezer Packs - Bulk Supply</a>	
	<a href="acatalog/Freezer_Packs_5_lb_and_10_lb.html" class="product_section"> Freezer Packs - Standard</a>	
	<a href="acatalog/Aberdeen_Butteries.html" class="product_section"> Aberdeen Butteries</a>	
	<a href="acatalog/Biscuits.html" class="product_section"> Biscuits</a>	
	<a href="acatalog/Oatcakes.html" class="product_section"> Oatcakes</a>	
	<a href="acatalog/Puddings.html" class="product_section"> Puddings</a>	
	<a href="acatalog/fast_order_form.html" class="product_section"> Fast Order Form</a>	
	<a href="acatalog/Price_List_and_Manual_Order_Form.html" class="product_section"> Price List</a>	
	<a href="acatalog/Bert-Fowlie-Abroad.html" class="product_section"> Bert Fowlie Abroad</a>	
</ul>

Which is invalid HTML. There should be <li> ... </li> around all those <a .....>...</a> lines:

<ul class="sidenav">
	<li><a href="acatalog/scottish-speciality-foods.html" class="product_section"> Scottish Specialities</a></li>	
	<li><a href="acatalog/Scottish_Pies.html" class="product_section"> Scotch Pies</a></li>	
	<li><a href="acatalog/sausage-burgers-mince.html" class="product_section"> Sausages, Burgers and Mince</a></li>	
	<li><a href="acatalog/scottish-beef-joints.html" class="product_section"> Scottish Beef Joints</a></li>	
	<li><a href="acatalog/Top_Quality_Beef_Steaks.html" class="product_section"> Scottish Beef Steaks</a></li>	
	<li><a href="acatalog/scottish-pork-and-lamb.html" class="product_section"> Scottish Pork and Lamb</a></li>	
	<li><a href="acatalog/scottish-food-produce.html" class="product_section"> Something Different</a></li>	
	<li><a href="acatalog/Ready_Made_Meals.html" class="product_section"> Ready Made Meals</a></li>	
	<li><a href="acatalog/Freezer_Packs.html" class="product_section"> Freezer Packs - Bulk Supply</a></li>	
	<li><a href="acatalog/Freezer_Packs_5_lb_and_10_lb.html" class="product_section"> Freezer Packs - Standard</a></li>	
	<li><a href="acatalog/Aberdeen_Butteries.html" class="product_section"> Aberdeen Butteries</a></li>	
	<li><a href="acatalog/Biscuits.html" class="product_section"> Biscuits</a></li>	
	<li><a href="acatalog/Oatcakes.html" class="product_section"> Oatcakes</a></li>	
	<li><a href="acatalog/Puddings.html" class="product_section"> Puddings</a></li>	
	<li><a href="acatalog/fast_order_form.html" class="product_section"> Fast Order Form</a></li>	
	<li><a href="acatalog/Price_List_and_Manual_Order_Form.html" class="product_section"> Price List</a></li>	
	<li><a href="acatalog/Bert-Fowlie-Abroad.html" class="product_section"> Bert Fowlie Abroad</a></li>	
</ul>

[scottish]

Thanks Norman. Can you just point me in the right direction to access the code to make the correct the coding error? I don't know why the format didn't carry across from the V11 upgrade.

Bernie

[NormanRouxel]

Select the Design tab. In the Page Preview pane, click on the menu and the relevant code should appear in the Layout Code pane. Look for the <a...> and </a> (the stuff in between won't be as my post above - it will include Variables). Add the <li> and </li> before and after the <a...> and </a>.

[scottish]

Thank you for your patience Norman. I have made the change and the desired layout is OK now but the text is still in Red - see attached. Is there another change that you can advise?

Bernie

[NormanRouxel]

Design Tab. Click Current Stylesheet button. Look for:

a.product_section:link {
    color: #cc0000;
    text-decoration: none;
}

The color:.... line is the bit to tweak. Again, there may be a variable in there instead of the exact code shown above.

If there's a variable there, you may be able to change it (instead of editing), via Design / Themes / Advanced Themes Configuration / Colour Scheme. Note down any values before changing them, just in case...

[scottish]

The design correction as suggested have been successful. the live version on the website will be updated later today.

Thanks for your support, Norman.

Bernie