1. ervale
  2. Commercial Templates
  3. Tuesday, 16 April 2013
  4.  Subscribe via email
Hi,
How do i reduce the size of the text logo, its too big for mobile devices, or how do i make it reponsive, i cant really reduce the words.


Regards
Dave
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dave

To reduce the size of your logo text try adding the following to the Custom CSS field of your templates parameters..


[code type=css]h1.logo-text a {
font-size: 38px;
top: 77px;
}
p.site-slogan {top: 88px;}[/code]

To apply this CSS to specific screen sizes it can also be added within media queries for each size...

#Mobile (Landscape)
[code type=css]@media only screen and ( max-width: 767px ) {

// Your CSS here..

}[/code]

#Mobile (Portrait)
[code type=css]@media only screen and (max-width: 440px) {

// Your CSS here...

}[/code]

CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!