Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 26, 2016 at 7:52 am #621962
    sberendss

    As I want to show a logo and the site title and tagline in the header, I used the quick css code below. Everything looks fine now, but not in responsive mode on a small screen. Can you help mee with the proper code so the content keeps centered, the margins stay and the image doesn’t shrink too much?

    strong.logo { 
padding-top: 30px;
font-size: 36px !important; 
text-align: center;
display: block;
width: auto;
}

strong.tagline { 
padding-top: 70px;
font-size: 24px !important; 
text-align: center;
display: block;
width: auto;
}

.logo img {
height: 375px;
width: 630px;
}
    April 27, 2016 at 2:15 pm #623075
    Yigit

    Hey sberendss!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 767px) {
strong.tagline {
    padding-top: 0;
}
.responsive #top .logo { 
line-height: 50px; 
width: 100% !important;
}}

    Best regards,
    Yigit

    April 27, 2016 at 3:17 pm #623143
    sberendss

    Fixed. Thanks Yigit!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header styling with title and tagline in responsive mode’ is closed to new replies.