I want to hide one in the AMP version of a Prestashop.
This is what I want to hide. In HTML it's like this:
<div id="toc_container">
<p class="toc_title">LOREM IPSUM</p>
<ul class="toc_list">
<li><a class="encabezado_h2" href="#First_Point_Header">Lorem Ipsum</a>
<ul>
<li><a class="encabezado_h3" href="#First_Sub_Point_1">Lorem Ipsum</a></li>
</ul>
</ul>
</div>
In the CSS of the AMP module of Prestashop I am putting this:
#toc_container {
display:none;
}
Is it right or am I doing something wrong? There's no way I'll catch it. When I test the browser console and add the display it works, so I do not understand anything. I'm testing incognito in case it's a cache issue, but no; in Chrome as in Safari as in Firefox the same thing happens.