1. Hedi
  2. Commercial Templates
  3. Friday, 01 December 2023
  4.  Subscribe via email
Hi - I am working with the Kodaline template on Joomla 4. With Joomla 3 it worked perfectly. Now with J4 the header does not show correctly. Means that depending of the fontsize of my computer, it does not show the full logo (see attached examples).

Best regards,
Hedi
Attachments (2)
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hedi

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

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

Have you since been able to resolve this issue? Testing across multiple screen sizes, I am unable to replicate the cropped example of your logo.

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

Thanks for your reply. On my screen it still looks cropped. When I resize the font of the screen (with my mouse and the ctrl) it changes the way it looks. When the size is really big, I can see the full logo, but as soon as I start to make it smaller it disappears !

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

This is a bit of a tricky one as you are using the header slideshow area to contain your logo rather than the logo image/text. The header slideshow displays the image in a cover format so the area is always filled by the image regardless of the image size/ratio. This does cause to often cropped.

To amend try adding 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

(you may need to experiment with the sizes)

#container_header {
height: 100px !important;
min-height: 200px;
}


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

I changed now my heading to what you suggested the logo image/text ! Now this is working perfectly for me !

One more question: the angled header shows quite bit in the mobile version. Can I make that a bit smaller ?

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

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)

#container_header {
min-height: 180px;
}


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