Karen Aug 21, 2019 · 8:26 pm #13066 Hi Andrew
This is possibly a regular question (sorry) however my site title is disappearing in mobile view because it ends up being white on white.
Website: https://www.pilates4living.co.uk/
I upgraded to Premium for this site (unaware at the time that there’s a bunch of settings for site title in Theme Design> Header) …. however by then I’d added Additional CSS for the site title. I have looked through the forums and tried a few things but fairly sure it’s my custom CSS in a bit of a mess.
Can you point me in the right direction? Might need to strip out all of the CSS and start again?
Thanks, Karen
Andrew Misplon Puro Aug 21, 2019 · 8:38 pm #13069 Hi 🙂 It looks good on my end on mobile. I’m not sure why it isn’t on yours. You could try adding to Customize > Additional CSS the following:
@media (max-width: 1024px) {
.site-header .site-branding h1.site-title, .site-header .site-branding p.site-title {
color: #333;
}
}
Karen Aug 22, 2019 · 2:49 pm #13077 Hi Andrew,
I forgot to specify that the issue is on the interior pages only, not the homepage. I inserted your css snippet but I still can’t see the title on the interior pages (for example: https://www.pilates4living.co.uk/about-vanessa-gretton/)
Can you see the title on any of the interior pages?
Thanks, Karen
Andrew Misplon Puro Aug 22, 2019 · 2:52 pm #13078 Thanks. In your Custom CSS you have:
.page-template .site-header .site-branding p.site-title {
color: #fff;
}
Replace that with:
@media (min-width: 769px) {
.page-template .site-header .site-branding p.site-title {
color: #fff;
}
}
Karen Aug 22, 2019 · 2:56 pm #13079 That did the trick. Thanks a million Andrew.
Karen