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!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.