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!

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.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok