Recent
Categories
View Replies (5)

Calibra Template: Website logo running out of the picture on the phone display

  1. Issue
0
Votes
Undo
  1. michaelcrawford
    michaelcrawford
  3. Commercial Templates
  4. Friday, 16 June 2017
  5.  Subscribe via email
Hi there, I have an issue with how my website is displaying on my iPhone (I am using the Calibra Template): I have text as the website logo which is quite long. And on the phone it is not adjusting to the phone size but is "running out of the picture" - check it out: http://www.mikaire.org
Can anybody help me here to fix that?
Thank you and cheers,
Michael
Responses (5)
Matthis
Matthis
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Clarán,

thank you!

Harry
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Harry

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS) (edit to taste)...

p.site-slogan {

    font-size: 12px !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Matthis
Matthis
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

that works fine.

But how can I edit the size of the slogan?

Harry
  1. more than a month ago
  2. Commercial Templates
  3. # 3
michaelcrawford
michaelcrawford
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán, that is awesome, thank you so much! Your help is most appreciated, as it has been always! Cheers, Michael
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Michael

Text size is not responsive by default so to amend this issue you must set a new font-size for your logo on each screen size. To do so you can add the following to the Custom CSS fields within the Responsive Options tab of your templates parameters, editing the size to your own taste for each screen size...

h1.logo-text a {

    font-size: 40px;

}


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


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

Site Links

Recommended

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.