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

[naresh5361]

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. 

Views

[naresh5361]

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

[Saravanan_Dharmaraj]

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.

[naresh5361]

@Saravanan_Dharmaraj ,  

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