Hi, I experience the same problem. I have one footer for all pages and it doesn't load the footer at all pages. astinleclercq.com Thanks!
S
s.alc
@s.alc
Posts
-
Laytheme V3 footers issue -
Definitive guide to 'Smooth scroll to anchors from menu'Hi fellow Lay users,
I've been searching this forum for a working solution to smooth scroll to anchor points from the menu, e.g. if you want to use the website as a single page type, but didn't find a definitive guide or solution. So I figured something out that actually works out of the box. I'm not a programmer, so i'm sure there are more streamlined solutions to achieve the same, but I wanted to share this solution because have the feeling more people are looking for a clear way to achieve this.
1. Add this code to 'Custom <head> content' under Lay options > 'Custom CSS & HTML':
<script>
jQuery(document).ready(function(){
jQuery('li.menu-item a').addClass('scrollTo');
});
</script>This adds the class 'scrollTo' to every menu item 'a'
(instead of the 'li' which happens when you try to add a class from the Wordpress menu editor)2. Add this code to 'Custom HTML at bottom':
<script>
jQuery(document).ready(function(){
jQuery('body').on('click', '.scrollTo', function(event) {
event.preventDefault();
var id = jQuery(this).attr('href');
jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, 350 );
});
})
</script>This enables smooth scrolling to every anchor you create in the page.
You want this to happen after the 'scrollTo' class is added to the menu 'a',
that's why it's loaded at the bottom of the HTML.
Good luck!
-
100% height column (not row)Thank you Marius,
I've retro-fitted the element by giving the full row a background color and giving the stack element that contains the text a custom class with a white background. So now the colored background always stretches because it is covered by a white background where the text sits.
Cheers!
-
100% height column (not row)Dear Marius,
Thank you for your help. This helps me to vertically center content when using '100vh'.
But this only partly solves my problem. How do I make sure the Stack element follows the height of the row, without using the full viewport?
Thanks!
Cheers -
100% height column (not row)Hi Forum,
I'm working on a website on which I want to assign a background color to a selected number of columns, and have that color follow the height of the row. To illustrate what I've got right now i've added 2 screenshots.
So what i've done is inserted a Stack element and gave this a custom css class called 'columns-turqoise'. Adding 'height: 100%;' doesn't do the job. I have tried 'height: 100vh;'. That works for the yellow part because I want that row to be full height, but for another part below, where I want the selected columns to be green, '100vh' is too much because I want the green part to take on the height of a text column that sits next to it.
Also, i want the content of the stack element still be aligning vertically 'middle' (the logo on the turquoise columns).
What css code can I use to make this happen?
Thanks a lot!
Cheers