how to hide site title without header disappearing on mobile device screen

  • How can I hide the site title in twenty thirteen without the header image disappearing on tablet and mobile device screens?

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello,

    It can be done in Twenty Thirteen Theme by using the following CSS code.

    @media (max-width: 767px) {
   .site-header .home-link {
       min-height: 110px;
   }
   .site-title {
       font-size: 36px;
       padding: 8px 0 10px;
       display: none;
   }
}

    You can add the above CSS code in Dashboard → Appearance → Customize → Additional CSS.

    Thank you,

    Usman

    Thread Starter costablancascene

    (@costablancascene)

    Thank you.
    I have tried that and the site title has disappeared on the mobile device, but it still showing on the computer screen.
    How can I hide it from appearing on the computer screen?

    Thread Starter costablancascene

    (@costablancascene)

    Ok, don’t worry, it seems fine now.
    Thanks for the help.

    Hi @costablancascene,

    I am happy to be of assistance.

    Regards,

    Usman

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to hide site title without header disappearing on mobile device screen’ is closed to new replies.