Button in Mobile Header

Hi Jonas,

The image you shared is not loading on my end, please try uploading it to a service like Snipboard or Imgur instead.

Best regards,
Rikard

Hi,

Thank you for the update.

You can add this code in the functions.php file to insert an element inside the header.

add_action('ava_main_header', function() {
    $output = '<div class="av-cta-button av-desktop-hid av-tablet-hide av-button"><a href="#">Click Here</a></div>';
    echo $output; 
}, 10);

Then add this css code to adjust the style of the element.

.av-cta-button {
   position: relative;
   top: 10px;
   right: 10px;
}

We already set the html above so that the button element is only visible on mobile view.

Best regards,
Ismael

Hi,
I have tested the functions.php code and it works correctly, perhaps you copied the code from an email please copy the code from the forum.
If you continue to have trouble please include admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike