Remove Child Links from Top Block menu Source Code

[Floobynooby]

Hi Is anyone able to advise how to remove sub category/child links from the top block menu source code. They are removed from the menu but for some reason still appear in the source code. Would be grateful for any advice.

[fred-vinapresta]

Hi, you can also use a css for hide them. With your browser source code inspector, find the elements you want to hide and add a display:none css directive on them

[Floobynooby]

Many Thanks for the reply. If an example of the code was as follows which part would I use for the display none to remove the child and childs/child links (sub categories and sub/sub categories).. Many Thanks.

 

 

<div id="tptntopmenu">

<span class="tglr"/>

<div class="tptnresp-title">Categories</div>

<ul class="tptnmegamenu">

<li>

</li>

<li>

</li>

<li class="sfHoverForce tptnresp-parent-li">

<span class="tptnresp-icon"/>

<a href="http://www  . website .com/19-category3" class="tptnresp-parent">Parent 3</a>

<ul style="display: none;">

<li class="tptnresp-parent-li">

<span class="tptnresp-icon"/>

<a href="http://www  . website .com/228-child1" class="tptnresp-parent">Child 1</a>

<ul style="display: none;">

<li>

<a href="http://www  . website .com/189-childs-child1">Childs child 1</a>

</li>

<li>

<a href="http://www  . website .com/188-childs-child2">Childs child 2</a>

</li>