HTML-Option for the Mobile Site Title
Hi, I used Armins tip to display my logo as an svg in the Site Title, I've pasted the svg code to 'Site Title HTML' and it's working well. Unfortunately this feature is missing in the mobile view, there's no HTML-option for the Mobile Site Title.
Is it possible to add it?
Or does it also work with Custom CSS? If so (just as a hint), is it done with a short code snippet or is it more complex?
thomasmaier last edited by
You could probably leave the mobile title empty or with a nonbreaking space and include the svg via the css background tag
Hm, css, sounds like custom, code etc... unfortunately I don't have enough knowledge to do it. I still have the option loading the svg as an image, but this HTML thing seems to be very elegant, eg. to position exactly. anyway, thanks for your idea.
you cut put it into the CUSTOM CSS section.
And modify it with CUSTOM CSS mobile.
You could also play around with the CUSTOM CSS mobile to un-hide the sitetitle.
Can you post a link?
I too would love an HTML option for the Mobile Site Title. Mostly because the site title on one of my sites is long, and having an HTML option would allow me to shorten it for Mobile. E.g. a site title like the following:
<div>Short Title<span style="display: none"> — Extension of the Site Title</span></div>
So the site title would display in the extended version in the browser history and in the browser window title, but on the website would only display the short version of the title.
I was happy to see this was made possible for Desktop, but the Mobile still uses the general site title. The only way I have been able to solve this is by adding code to the PHP, which needs to be repeated with every update.
can you not just create a CUSTOM HTML element and ONLY display it on mobile via mobile CSS?
Yes, that absolutely works. Thanks for the suggestion!
(However, I do not prefer to do it this way: custom HTML elements load differently than other elements on the site (fade ins), which in my opinion looks a little sloppy, especially for a site title – though I fully understand if you do not share the same concern.)
can you send me an example of how the CUSTOM HTML element loads differently?
I cannot see it.
I don't answer or check forum DMs, please just post on the forum.
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it