Shift the breadcrumb under the first created container
necessary for transparency header – otherwise the breadcrumb will not be shown.
This to your functions.php of your child-theme
if you have choosen for the first section a slanted bottom design – there are if clauses to rotate the breadcrumb too.
If you don’t like that – remove those if clauses.
See here an example of slanted Breadcrumbs under first build element
function change_position(){
?>
<script>
(function($){
$('#main .title_container').insertAfter('.html_header_transparency div.avia-builder-el-0');
if ($('.html_header_transparency div.avia-builder-el-0 .border-extra-diagonal').length > 0) {
$('#main .title_container').css({
'transform': 'rotate(5deg)',
'transform-origin': 'top right',
})
};
if ($('.html_header_transparency div.avia-builder-el-0 .border-extra-diagonal-inverse').length > 0) {
$('#main .title_container').css({
'transform': 'rotate(-5deg)',
'transform-origin': 'top left',
})
};
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_position');to have breadcrumbs with transparency header :
Edit: on functions-enfold.php on line 831ff (Enfold 4.5.3) ( if you got older Enfold Versions – search for that)
to comment it out:
//deactivate title bar if header is transparent
if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';
so there is:
//deactivate title bar if header is transparent
//if(!empty($transparency)) $header['header_title_bar'] = 'hidden_title_bar';