Align Header Contents to center ?

  • I want to align all the contents in the header section i.e

    site title
    site description
    gravtar icon/picture

    all above mentioned are alrady aligned to center in full desktop view but on mobile they are aligned to left – i want them to be aligned to center just like desktop even on mobile.How do i do it ?

Viewing 1 replies (of 1 total)

  • Try this is your child theme style.css

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

    .site-intro .avatar{
        margin: 0 auto;
    }

    h1.site-title {
        text-align: center;
    }

    h2.site-description {
        text-align: center;
    }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Align Header Contents to center ?’ is closed to new replies.