How to add a button in the header?

  • Hi
    Like in subject.
    Is there a way to add a button below the menu in the header for both pc and mobile?
    Thanks for help!

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add a button in the header?’ is closed to new replies.