Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • July 31, 2020 at 4:30 pm #1234388
    sylwilson

    I would like to create a donate button on my site similar to what is on this screenshot: http://www.bestwebdesignco.com/tagood/wp-content/uploads/2020/07/donate-button.png and still keep the hamburger menu style on a desktop. Can you send me some code that I can add to do that and have it link out to a # for now and I will add the real link? Here is the link to the actual site that is still in testing mode: http://www.bestwebdesignco.com/tagood/contact-tag/

    August 4, 2020 at 5:10 am #1235029
    Ismael

    Hey sylwilson,

    Thank you for the inquiry.

    We can add the button separately as a widget then have this widget display in the header container using template hooks in the functions.php file. Please check the documentation for more info.

    // https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

    If you prefer not to use a widget, we can use the same hook to directly render the button instead.

    add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' );
function enfold_customization_header_widget_area() {
  echo "<div class='av-custom-donate-button'><a href='#'>Donate</a></div>";
}

    We can then style the button with this css code.

    .av-custom-donate-button {
    /* style here */
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.