1. mortk1
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 08 August 2024
  5.  Subscribe via email
Hi Ciaran,

My client's Layla site text-based logo looks good in the desktop view but is cut off at the right on phones.
Is there some CSS that I can use to reduce the size of the text-based logo just on phones?
Here is a link to the site:
Title

Mort
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mort,

I must admit that I don't know the Layla template. In my template (Skylar) there is a box under "Responsive Options" for "Phone (Portrait) Custom CSS". If you find that in your template as well, you might add the following CSS there:
.logo-text {
font-size: 36px;
}


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

I found that box in the Layla template, added your code and it works great. Many thanks!

Mort
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
That worked for me on Nina but I need to reduce the slogan as well. What would I put instead of .logo-text ? I tried .slogan-text and .slogan with no success.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mort,

you might try:

.logo-slogan {
font-size: 24px;
}


Adjust as required.

Regards
Rolf
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • 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.