Is there a way to lock the breadcrumbs to the header so they are always visible when you scroll down the page?
Thanks
Hi Sean!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.title_container {
position: fixed;
top: 35%;
z-index: 99;
width: 100%;
}
Please note that it may or may not cause issue, such as responsiveness.
Regards,
Yigit
Hi Sean!
Thank you for using the theme.
This is not possible without modifying the theme files. Please edit js > avia.js, find this code on line:
scroll_top = $('#scroll-top-link'),
Below, add this code:
title_container = $('.title_container'),
Find this one on line 1218:
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
}
else
{
newH = el_height/2;
header.addClass('header-scrolled');
}
Replace it with:
if(st < el_height/2)
{
newH = el_height - st;
header.removeClass('header-scrolled');
title_container.removeClass('title_container_fixed');
}
else
{
newH = el_height/2;
header.addClass('header-scrolled');
title_container.addClass('title_container_fixed');
}
On Enfold > Styling > Quick CSS, add this css snippet:
.title_container_fixed {
position: fixed;
top: 28px;
z-index: 1000;
width: 100%;
}
I hope that helps.
Best regards,
Ismael
Thanks guys – will give it a try!