Hi Manfred

Usually this area would accommodate your logo which is why it is still visible on smaller screen devices. To disable on smaller screens try adding the following to the Custom CSS field of your templates parameters...

@media only screen and (max-width: 1024px) {

#container_hornav {

    display: none;

}}

Ciarán

Hi Ciarán!

Thank you for your response. The custom CSS is working but it looks like that there is now something wrong with the three company logos (BEULCO,...). The darker frame behind the BEULCO logo appeared after adding the custom CSS.

Best regards and greetings from Austria,
Manfred

Hi Manfred

To remove the background gradient try adding the following to the Custom CSS field of your templates parameters...

.body_grad {

    background-image: none !important;

}

Ciarán

Hi Ciarán!

Is it possible to keep the gradient for "normal" visitors and remove it for mobile visitors? With your "body_grad"-CSS the gradient is removed for the responsive and the non-responsive version.

Thank you!
Manfred

Hi Manfred

You can achieve this by by placing the suggested CSS in a media querie...

@media only screen and (max-width: 1024px) {

.body_grad {

    background-image: none !important;

}}

Ciarán

Hi Ciarán!

It's working PERFECT! Thank you so much

Best regards,
Manfred

Hi Ciarán!

I'm still having problems with the customisation of the template. I'm trying to describe the wishes of my customer
On the frontpage / start page, there should only be the logo banner and beneath the banner logo the three logos. The banner is so to say the header picture. Now I'm not sure how to realise that.

I used the "mod_j51slideshow"-module for the header logo because my customer wants it with 100% width. But if you take a look, a small strip (bottom) gets cut of. And the second problem, the header logo isn't visible on a smartphone

I hope you can help me !?

Best regards,
Manfred

Hi Manfred

Have you considered using a simple 'Custom HTML' module to display your logo image rather than the slideshow? The slideshow module is somewhat limited considering what you wish to achieve.

To ensure the showcase module positions remains at full width you can add the following to the Custom CSS field of your templates parameters...

#container_slideshow .wrapper960 {

    width: 100%;

}

Ciarán

Hi Ciarán!

PERFECT!!! Thank you so much for your help and your support! As little THANK YOU, I signed up to the 12 month membership

Kind regards,
Manfred

Thank you Manfred.. delighted to have you with us.

Any further queries please feel free to ask!

Ciarán