Recent
Categories
View Replies (4)

Layla Text-Based Logo Cut Off on Phones

  1. Issue
0
Votes
Undo
  1. mortk1
    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
Responses (4)
dautrich
dautrich
Sherlock Holmes The Voice
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
mortk1
mortk1
Sherlock Holmes
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
KChev
KChev
Sherlock Holmes
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
dautrich
dautrich
Sherlock Holmes The Voice
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!