Hello,
I would like to know how i could have an header like this one: https://www.joingrouper.com/
I mean how is possible to have a button as “sing in” on the same place in the header and how i could have an button with link in the transparency option.
I tought maybe to need to use the layerslider but i don’t know how to hide the translation.
Thanks!
Adrien
Hi,
Try adding the following to your functions.php file:
function custom_head_button(){
?>
<div class='container custom_button'>
<div class="avia-button-wrap avia-button-center avia-builder-el-8 avia-builder-el-no-sibling "><a href="" class="avia-button avia-icon_select-yes avia-color-custom avia-size-large avia-position-center " style="background-color:#428061; border-color:#428061; color:#fefefe; "><span class="avia_button_icon" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title"> Login</span></a></div>
</div>
<?php
}
add_action('ava_main_header', 'custom_head_button');
Then add this code to the Quick CSS:
.custom_button{
position: absolute;
left: 0;
right: 0;
}
.custom_button .avia-button-wrap{
position: absolute;
right: 0;
}
Adjust as needed.
Regards,
Josue
Hi,
That’s perfect! Thank you very much!
Adrien
You are welcome, glad we could help :)
Regards,
Josue