How to add a button in the header?

Hey:

I do not know if it will totally work for you, but I would place a button in the top of the content area of the page. Then I would edit the button in HTML and assign an ‘id’.

<div class="wp-block-button"><a class="wp-block-button__link" href="https://localhost:9137/index.php/speakers/">LEARN MORE</a></div>

To:

<div id='hdr-button' class="wp-block-button"><a class="wp-block-button__link" href="https://localhost:9137/index.php/speakers/">LEARN MORE</a></div>

Now you can use CSS directly on the ‘id’. So, the following added to Custom CSS as follows:

#hdr-button {
    position:absolute;
    top: 80px;
    right: 10px;
    padding: 10px;
}

So this placed the button in the upper right corner. You can use a @media query for mobile.

Phil

Hey:

I just found out that I do not need to edit the button in HTML. One can set and assign an ‘id’, on the settings Block tab, expand the Advanced accordion and enter the ‘id’ of hdr-button value in an HTML anchor.

Phil