If you set the left-right frame to 0% you could then just use normal rows with background colours as a divider. Then you could just use the x/y offsets to create a margin for your content. Bit of a hack but it'll work.

D

Hey man, I figured this out last week but then ended up not using the smooth scroll!

So in custom head content put this:

<!--SMOOTH SCROLL ANCHOR POINTS-->

<script>
jQuery(document).ready(function(){
jQuery('body').on('click', '.yourclasshere', function(event) {
event.preventDefault();
var id = jQuery(this).attr('href');
jQuery('html, body').animate( { scrollTop: jQuery(id).offset().top }, 750, 'swing' );
});
})
</script>

So obviously you need to replace 'yourclasshere' with your own class name.

What I was using this script for was for several text links at the top of the page which would just scroll down to a certain point underneath where each image was.

In that case I assigned the point I wanted to arrive at an #id and then in the text editor using the 'link' button entered this id '#youridhere'.

I then had to go into the html editor in the text editor and manually add in the class in my JS script before the href link.

That way all my anchors were smooth scrolling.

I'm not entirely clear what you want to smooth scroll but hope you can adapt my code :)

Best,

Duncan

In the gridder, select 'More' and you will see an option for "Horizontal Line' - you can then add it anywhere in the gridder.

To change the line thickness go to 'Lay Options' - 'Lay Options' and under 'Horizontal Lines' you can set the horizontal line height.

Hope that helps,

D

@Hayo-Gebauer I think that is just a border on the top of the footer - not a horizontal line that you can add in the gridder.

If you want a horizontal line on your footer like your link, add this to your custom CSS:

#footer-region {border-top: 1px solid black;}

Best,

D

@arminunruh Works perfectly! Thanks so much man! If i could buy you a beer i would! :beer:

@DMB Actually its ok, seems to have sorted itself out now - weird! :v:

@arminunruh Brilliant that fixed it - thanks so much man, and keep up the great work :)

@arminunruh Genius! Thanks so much Armin! I'm honoured to get an update for my problem ;)

Hi @ArneRobot !

Great websites! I just wondered how you integrated the full screen slider menus with the burger in the desktop site? Been wondering how to implement that for a while..

Best,

D

Hello! For some reason this site I made several years ago (that has been working fine) will not load pages now unless I refresh the page.

hannahcollins.net

Can you help me out with this as my client is getting frustrated the site isn't working and I'm not sure how to fix it. Strangely the 'news' oage seems to be fine but none of the other pages will load properly.

Thanks in advance

Yeah same issue here on multiple lay sites. good to know old theme fixes it

PPS it's on the row with the light grey background!

@DMB PS any idea how to fix it?

Hi there,

I've added a couple of vimeo videos to a carousel but they just will not show up.

https://a0k.ee7.myftpupload.com/main/

Seems like a bug.

Thanks in advance,
Duncan

In addition to this, it is also causing the active link in the sub-menu to be shown on two headings which is very confusing as well.

For example, here I am on the page 'Installation Views' but it is also highlighting 'Current Projects' – this never used to happen before

Hi there!

I have had sub-menus working on a site I built for an artist for years now, but since the update they are broken. I see there are now options in the 'Customiser' for sub menus but the only options are to show the sub menu items on either hover or click – what about people (such as myself) who want them visible at all times? Would be quite simple to add that option in on the next update no?

I added a simple line of CSS to force the sub menu to show, but now it doesnt properly hide my menu when I scroll down, as I use the 'hide menu on scroll' function... Argh.

Could you help me fix this please? It's probably just a simple line of code to force the menu to be hidden further up when in its 'hidden' state but I cant figure out how to target it.

The site is:
https://www.hannahcollins.net/current-projects

You will see the problem if you scroll down – the menu is now not fully hidden.

Thank you in advance.

Best Wishes,
Duncan

Hi Richard,

This is true, this does work if I uncheck 'display:block' on the parent rows like you suggested in firefox dev tools. However, what code would i use? If I use display: none on the parent in my css then nothing shows up at all.

Block, inline, flex etc none of those will work. Is there no way I can get my class to override the parent rows at all?

Best,
Duncan

Sorry i forgot to say this is happening in chrome, firefox and safari.

Hi there. I have an jQuery accordion where I am hiding the content at first with 'display: none;' on the class in my css.. It works fine in the desktop layout but does not work in mobile. In fact, even if i just make a simple text block, give the row a class, and then set that class to 'display: none;' it does not hide it in mobile.

So simply put - display: none; does not work at all on mobile. I just checked and it is not working either on another site I built on mobile either. Perhaps something has gone wrong in a new iteration of lay theme? From the inspector it seems my css that sets a class to display: none is being overruled by a lay theme style sheet.

Could you have a look please as this is a bit of a problem.

anniebellamy.com/scholarship
hannahcollins.net/texts

Thankyou!
Duncan