Shift the breadcrumb under the first created container
necessary for transparency header – otherwise the breadcrumb will not be shown.
necessary for transparency header – otherwise the breadcrumb will not be shown.
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';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');Sie sehen gerade einen Platzhalterinhalt von Facebook. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr InformationenSie sehen gerade einen Platzhalterinhalt von Instagram. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.
Mehr Informationen