Thread tagged as: Question

Use of Navigation Groups producing horizontal rules

We use the Navigation Group feature to produce many lists to help users find their way around our (now) very large site.

This is the code we use:

<div style="text-align:left;font-size:14px;font-family:Candara,Arial,sans-serif;"> <?php perch_pages_navigation(); ?> </div>

This always produces a list with each entry having a horizontal rule, thus:


Is it possible to suppress the horizontal rule?

Stefan Youngs

Stefan Youngs 0 points

  • 5 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

I think that must be CSS being applied to the tags in your navigation template.

The web inspector in your browser should reveal all.

Thanks for the fast response.

Are you saying this horizontal rule is NOT being made by Perch?

I am not aware of any CSS in use that could have this effect. If I look at the html a page containing a Navigation Group I see this:

<div style="font-size:14px;font-weight:500;font-family:Candara,Arial,sans-serif;font-size:12px;margin-top:-20px;">


        <a href="/trench-richard.html">1942 No. 21 OTU Wellington Z8774 P/O. Richard Chevenix Trench - Night training exercise ends in tragedy</a>




So I do see an <hr> but I have no idea how it arrived there. It is def not inserted by me. All I did was specify a region using

<div style="text-align:left;font-size:14px;font-family:Candara,Arial,sans-serif;"> <?php perch_pages_navigation(); ?> </div>

I have this for my Navigation Group template in the Contents folder

<perch:content id="group" type="text" label="Text" html="true" required="true" title="true" />

Any ideas ? Thanks

Simon Clay

Simon Clay 127 points

What does your perch/templates/navigation/item.html template look like?

Aha! <perch:before> <ul> </perch:before> <li><perch:if exists="current_page"> class="selected"</perch:if><perch:if exists="ancestor_page"> class="ancestor"</perch:if> <a href="<perch:pages id="pagePath" />"><perch:pages id="pageNavText" /></a> <perch:pages id="subitems" encode="false" /> <hr> </li> <perch:after> </ul>


I guess that's where the <hr> comes from?

I never even knew there was such an entity as perch/templates/navigation/item.html


I take back my earlier comment about not knowing. I had completely forgotten. I must have known because I can see from my record that the original item.html did not have an <hr>, so it must have been me that put it in for some reason that appeared brilliant at the time.

Mea Culpa!