My site title isn’t working on mobiles

  • Hello everyone!

    I am currently helping my mom set up a website and I am almost finished. The big problem I am encountering is that the title and the sub-title (not sure what the word for it in english is) is not adapting properly when used on a mobile phone. I’ve tried adding extra CSS but I think the title is too long and even when I managed to make the font turn smaller on phones, it is still too long of a word and I don’t know how to change it. Also the sub-title explaining what the page is about disappears when resized to fit phones.

    I’m sorry for my ignorance on these subjects but I really need to fix this and I would love any help I could get.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • The following CSS should give you a good start

    .site-heading .site-title {
    margin: 55px auto;
}

@media screen and (max-width: 768px) {

    .site-heading .site-title a {
        font-size: 20px;
    }

    .site-heading .site-description {
        font-size: 20px;
    }

}
Viewing 1 replies (of 1 total)
  • The topic ‘My site title isn’t working on mobiles’ is closed to new replies.