The sidebar issue is solved – It was the problem with using amp on reader mode when it should have been on transitional. your theme SHOULD be enabled on transitional mode because it is amp compatible. When I changed this, all problems i mentioned cleared out.
But there is one thing which still remains : all the css styling code i add to the additional css space works but 2 codes – for shadows under the site header, and box around the content and its padding – doesnot work on amp pages. you can see it here https://ibb.co/28CgsxT
i have added css like this
.primary.content-area {
display: block;
padding: 60px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0.15em 0.35em 0 rgb(0 0 0 / 14%);
}
.site-header {
border-bottom: 1px solid #ccc;
background-color: #fff;
box-shadow: 0 0.15em 0.35em 0 rgb(0 0 0 / 14%);
transform: translated(0, 0, 0);
}
hope there is a solution for it to appear on amp pages also
Thanks for the response