Hey @mariusjopen

Thanks so much for your reply.

Yes, I've tried it but no luck with the results so far; once the full screen slider is on the scrolling stops – if the full screen slider is off then it works fine. Do you have any idea what could be causing this issue? I can share the website link via private message if you'd be kind enough to take a look.

Many thanks again

Hey Laythemers,

I was just wondering if anyone managed to figure out how to link menu items in the primary nav to specific anchors on the page. I've tried a few different things but none seem to do the job.

Any help would be greatly appreciated.

Hey @mariusjopen

Many thanks for taking the time to reply. It's a pity and I presume there is no other good fix to make it work the way I suggested in my first post?

On this note I was wondering if it would be possible to have a workaround by creating an alternative image on hover with a fading transition. I.e. add an image (i.e. via text editor) and this image would be changing on mouseover to an alternative one? Is this something do-able in Laytheme?

Cheers!

@edgrbnz said in Whole text section to change colour instead of only one line:

<a href="http://google.com">
<p style="text-align: center; line-height: 0.6;">
<span style="font-family: NeueHaasGroteskText75Bold; font-size: 40px;">Life Below Zero</span>
</p>
<p style="text-align: center; line-height: 0.6;">
<span style="font-family: NeueHaasGroteskText75Bold;">BBC Earth</span>
</p>
</a>

Hey @mariusjopen and @edgrbnz ,

Many thanks for all your input so far.

Yes, the <a> tags get lost completely after saving it in the HTML view of the text element editor. I.e. the following code:

<a href="http://google.com">
<p style="text-align: center; line-height: 0.6;">
<span style="font-family: NeueHaasGroteskText75Bold; font-size: 40px;">Life Below Zero</span>
</p>
<p style="text-align: center; line-height: 0.6;">
<span style="font-family: NeueHaasGroteskText75Bold;">BBC Earth</span>
</p>
</a>

turns into this one after saving:

<p style="text-align: center; line-height: 0.6;"><a href="http://google.com"><span style="font-family: NeueHaasGroteskText75Bold; font-size: 40px;">Life Below Zero</span></a></p><p style="text-align: center; line-height: 0.6;"><a href="http://google.com"><span style="font-family: NeueHaasGroteskText75Bold;">BBC Earth</span></a></p>

I've tried Marius' solution too, but in this one the second verse (BBC Earth) does not show up at all (it actually gets removed from the code after saving); and moreover, if you set a video background on the page, it will overlap the link so you can't see the the text at all, but strangely you can still open the link if you hover in the right place.

Pasted code:

The actual code after saving it in the editor:

The result:

Text invisible when set against video background (when created via HTML element):

Thanks again for helping!

@edgrbnz said in Whole text section to change colour instead of only one line:

<a href="http://google.com">
<p style="text-align: center; line-height: 0.6;">
<span style="font-family: NeueHaasGroteskText75Bold; font-size: 40px;">Life Below Zero</span>
</p>
<p style="text-align: center; line-height: 0.6;">
<span style="font-family: NeueHaasGroteskText75Bold;">BBC Earth</span>
</p>
</a>

Hey @edgrbnz.

Thank you so much for your reply, it's much appreciated!

I tried both solutions but somehow I didn't manage to make it work. I.e. When I tried the first solution by pasting the code above, after saving, the Laytheme automatically amended the code to the following:

<p style="text-align: center; line-height: 0.6;"><span style="font-family: NeueHaasGroteskText75Bold; font-size: 40px;">Life Below Zero</span></p><p style="text-align: center; line-height: 0.6;"><span style="font-family: NeueHaasGroteskText75Bold;">BBC Earth</span></p>

....which is something I've noticed it doing before. I was wondering if you can replicate the same problem at your end?

Many thanks again!

Hello everyone,

Hope you are all well.

I have a problem and was wondering if anyone could help.

I don't seem to be able to make the whole text section change colour on hover at once. In the text editor I select both lines of text ('Life Below Zero' and ' BBC Earth') to link to the same place but when I hover over it, they don't change the colour together – only the line where the cursor happens to be (in this case either 'Life Below Zero' or ' BBC Earth'). In the example below, both lines should become grey simultaneously when I hover over the text, but only one of them does.

Here's the code from the text editor:

<p style="text-align: center; line-height: 0.6;"><a href="http://google.com"><span style="font-family: NeueHaasGroteskText75Bold; font-size: 40px;">Life Below Zero</span></a></p><p style="text-align: center; line-height: 0.6;"><a href="http://google.com"><span style="font-family: NeueHaasGroteskText75Bold;">BBC Earth</span></a></p>

For some reason Laytheme generates two separate <a> tags. Is there any way around this?

Many thanks in advance

Hi there,

I hope everyone's well.

I was just wondering if there is an easy way for hiding second and third menu on mobiles (and leaving primary on on mobile but hide it on desktop) with "Use desktop menu style" switched on?

Any help would be greatly appreciated

Hey guys,

I think I'm experiencing the same issue. The site doesn't load images and videos on Safari. All seem to be fine in Chrome and FF. Btw. The site is connected to Cloudflare. Is there any easy fix for this? Thanks in advance!

Hey @arminunruh

So is the stack element not compatible with the custom phone layouts? Doesn't seem to be working for me either.

Thanks!