[Resolved] Site Title Color in Mobile View

  • Author
    Posts
  • #13066

    Karen
    Participant

    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

    #13069

    Andrew Misplon
    Keymaster

    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;
    	}
    }
    #13077

    Karen
    Participant

    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

    #13078

    Andrew Misplon
    Keymaster

    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;
    	}
    }
    #13079

    Karen
    Participant

    That did the trick. Thanks a million Andrew.

    Karen

    #13082

    Andrew Misplon
    Keymaster

    Glad that helped 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top