Hello @rashidazhussain
It is compulsory to show microdata markup on the page. If the markup is hidden then Google will not consider these hidden markups in the google search result.
Please refer this screenshot:
https://goo.gl/WU7wcT
Refer these articles:
https://stackoverflow.com/questions/8903526/is-it-ok-to-hide-microdata-with-css/21751532
https://schema.org/docs/gs.html#schemaorg_expected
https://stackoverflow.com/questions/16336655/how-to-hide-microdata-schema
Hope it clarifies you!
However, if you still want to hide the summary box, please add this custom CSS.
Custom CSS:
#snippet-box{
display: none;
}
Also, I would like to tell you that we have worked on a new plugin called Schema Pro that automates the process of adding schema markups on your website without displaying content in the frontend. With a simple click and select interface, you can set up a markup on the entire website in minutes. All the markup configurations you will set are automatically applied to all selected pages & posts. Therefore, with Schema Pro, adding a schema markup on a website with hundreds and thousands of pages is no longer a task.
To know more about this plugin and all it does, you can read more on the following website – https://wpschema.com/
Please feel free to get in touch in case you have any further queries about the same.
Looking forward to serve you more.
Regards,
Uttam