Hi Edi,
thanks! So perhaps Diego will update the theme, I really would appreciate this.
For now I did a fix (which I don't know if it's safe):
- In the template navbar.php I added
Code: Select all
<div class="b-burger-btn"><i></i><b></b></div>
and removed the button instead.
- In the template index.php I changed the TOC-generator section with the TOC-generator-script from the docs-page:
Code: Select all
<!-- TOC generator -->
<script>
$(document).ready(function () {
var enableToc = false;
if ($('#page-content > h2').length > 1) {
$('#page-content > h2').each(function () {
if ($(this).attr('id')) {
enableToc = true;
$('#toc-content').append('<li><a href="#' + $(this).attr('id') + '">' + $(this).text() + '</a></li>');
}
});
}
if (enableToc) {
$('#toc').show();
}
$('.b-burger-btn').on('click', function () {
if ($(this).hasClass('open')) {
$('body').removeClass('stop-scrolling');
} else {
$('body').addClass('stop-scrolling');
}
$(this).toggleClass('open');
$('#sidebar').toggleClass('open');
$('#backdrop').toggleClass('open');
});
$('#backdrop').on('click', function () {
$(this).toggleClass('open');
$('body').removeClass('stop-scrolling');
$('#sidebar').toggleClass('open');
$('.b-burger-btn').toggleClass('open');
});
//smooth scroll to id
$('a[href^="#"]').on('click', function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('html, body').stop().animate({
scrollTop: $target.offset().top - 60
}, 900
);
});
});
</script>
Also I think I used the styles.css from the docs, but I don't remember quite well if this plays a role (was some days ago).
Thanks again for your help, Edi.
