Expand my Community achievements bar.

How to remove aem-grid div's only in publish mode.


Level 2

Hi Team,


How to remove below auto generated aem grid div's only in publisher. We using Aem as cloud service. 

<div class="container">
<div class="root container responsivegrid">

<div id="container-1f81d2b949" class="cmp-container">

<div class="aem-Grid aem-Grid--12 aem-Grid--default--12 ">


Author ----- > Publish <-----> UI layer 

we are handling responsive things in UI layer with different css.


Please help me to resolve these queries. Thanks in advance. 

2 Replies


Community Advisor

if this html grid div is generated using sightly , you can use the runmode(author/publish) and put a conditional wrap over that grid div and not show it in Publish instance.


Level 2

@Saravanan_Dharmaraj ,  


Those are template level responsive grid div's. We are using editable template and experience fragments.