Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

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

Avatar

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

Avatar

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.

Avatar

Level 2

@Saravanan_Dharmaraj ,  

 

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