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

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

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

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

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

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