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
Header not showing
- Issue
- Hedi
-
- Commercial Templates
- Friday, 01 December 2023
- Subscribe via email
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
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
- more than a month ago
- Commercial Templates
- # 1
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
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
- more than a month ago
- Commercial Templates
- # 2
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
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
- more than a month ago
- Commercial Templates
- # 3
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)
Ciaran
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
- more than a month ago
- Commercial Templates
- # 4
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
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
- more than a month ago
- Commercial Templates
- # 5
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)
Ciaran
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
- more than a month ago
- Commercial Templates
- # 6
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »