Viewing 5 posts - 1 through 5 (of 5 total)
-
AuthorPosts
-
May 1, 2014 at 11:25 am #258797
Is there a way to lock the breadcrumbs to the header so they are always visible when you scroll down the page?
Thanks
May 1, 2014 at 2:56 pm #258869Hi 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,
YigitMay 1, 2014 at 3:01 pm #258874Hi 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,
IsmaelMay 1, 2014 at 4:14 pm #258927Thanks guys – will give it a try!
May 1, 2014 at 4:16 pm #258930 -
AuthorPosts
Viewing 5 posts - 1 through 5 (of 5 total)
- You must be logged in to reply to this topic.
