Site Title Mailto Link?

[pathh]

Hi there,

I'm trying to make the site logo (site title) link to a mailto instead of linking back to the homepage.

Searching back through discussions, I found a way to make the title link null, (below)

a.sitetitle{
pointer-events: none;
}

I wasn't sure of the correct formatting to link it to an email address, but given the above it looks like it can be done correct?

[mariusjopen]

Dear @pathh
whatever works, works.

You could also use a CUSTOM HTML box to place the link.

Best!

Marius

[pathh]

hi @mariusjopen thanks for the confirmation! How would I convert the site title using the custom html box? I'm not sure how to change. Any help is appreciated.

[pathh]

Adding this jQuery broke the site, any idea why?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>

<script>
$(document).ready(function(){
$("a.sitetitle").click(function () {
window.open("mailto:maryalrightmary@gmail.com", "_blank");
});
});
</script>

[mariusjopen]

Dear @pathh

jQuery is included by default.

Have a look here for the Javscript:
http://laytheme.com/documentation.html#custom-javascript

Best!

Marius

[Sophie]

Hello,
I tried to do the same thing and put Pathh CSS and Javascript but it didn't work. The link on the site title is just desactivated and not linked to my mail:to.

How can I do that by the html bow ? I just want my html box to look exactly the same as the site title ( on my full screen image, and without background etc.)
Thank you,
best regards

sophie

[arminunruh]

hey with the latest version of lay theme you can use html in your site title

customize → site title → choose "html" in "Text, Image or HTML"
then enter your html that contains a mailto link

[Sophie]

Hello Armin
I dit that but it made a white box under my text below my full screen images and was not the good styling.
I Guess I have to put the styling manually in that Html box ? ( no bakcground, font style etc..). But donn't really k,ow how to do that.
But I put my mail:to in the menu instead for the moment to resolve that.

Thanks

Sophie

[arminunruh]

you can do sth like:

<a href="mailto:hello@outlook.com" class="_Default">Hello</div>

where _Default is just your textformat that you want to use. It is the HTML class of the textformat: