Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.

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.