- This topic has 5 replies, 2 voices, and was last updated 5 years, 1 month ago by Andrew Misplon.
Tagged: color mobile view site title
- AuthorPosts
- August 21, 2019 at 8:26 pm #13066
KarenParticipantHi 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
August 21, 2019 at 8:38 pm #13069
Andrew MisplonKeymasterHi 🙂 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; } }
August 22, 2019 at 2:49 pm #13077
KarenParticipantHi 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
August 22, 2019 at 2:52 pm #13078
Andrew MisplonKeymasterThanks. 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; } }
August 22, 2019 at 2:56 pm #13079
KarenParticipantThat did the trick. Thanks a million Andrew.
Karen
August 22, 2019 at 4:00 pm #13082
Andrew MisplonKeymasterGlad that helped 🙂
- AuthorPosts
You must be logged in to reply to this topic.