how to align a hook into centre.

Hi there,

Can you copy and paste the code you've added here?

Make sure to highlight it and click the code button in the editor.

<div class="hookads">
<div class="hide-on-mobile hide-on-tablet">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-2486634758179588"
     data-ad-slot="1922343180"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
	</div>

<div class="hide-on-desktop">
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Header mobile -->
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-2486634758179588"
     data-ad-slot="4861838462"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

</div>

Try adding this CSS:

.hookads {
    text-align: center;
}

thankyou, it worked How can i place the hook before the page hero i am not seeing any position related to page hero

No problem :)

Can you open a new topic for the separate question as this one is resolved?

Thanks :)