1. Fearon
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 06 October 2023
  5.  Subscribe via email
Hi,

Struggling with (I think) the header module on Hayley.

Unlike "HAYLEY" our library has a long name and when I go with the text option it looks good on desktop but cuts off head the letters on mobile.

I have a horizontal logo that works on mobile, but I cannot get that to show unless I check off "image" in the options. The problem with that option is that when I use a an image for the Library name, unless I keep it small (35px) it increases the space above the menu bar and distorts the look.

What am I doing wrong please?

John
Attachments (3)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi John

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Good Morning Ciaran

Here is a link to the beta site:

https://www.mountpleasantlibrary.org/hayleyj4/index.php/mppl-menu/home-2
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Ciaran

On this page you can see the same layout with the text option for logo

https://www.mountpleasantlibrary.org/hayleyj4/index.php/mppl-menu/home-3
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Could you check the URLs provided as they both appear to give us a server not found error.

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

We've been having issues with our server.

It's up and running now

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

To amend you can add the following to the Responsive Custom CSS fields within the General -> Responsive Options tab of your template settings. For more details on using these fields may I suggest the following article... https://joomla51.com/tutorials/template-parameters/applying-custom-css-to-a-screensize-device

(edit to taste for each screen size)

.logo-text h1, 
.logo-text h1 a {
font-size: 26px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran.

Fingers crossed for tomorrow night!

John
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Indeed.. it will be quite the test :) Hopefully still smiling by Monday!

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


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