The background image covers the language flags

Hi.
I made a bilingual web and have positioned the language selection flags at position: breadcrumb.

On every page of the site it works perfectly except for the About page (https://truffat.com/index.php/de/kontakt), where the background image is superimposed on flags covering them.

How can I solve this small inconvenience?

Thank you very much for the help.

Hi

I can see flags has been moved to top position. Please put it back in breadcrumbs so I'll be able to see what ccan be done.

Thank you very much for the reply.

I have tried changing the position of the module but I can not get the flags to appear just above the photo, as in the "Home" page. Is that possible?
Putting them in the other positions, the design changes a lot.

Thank you

Hi

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkMainbodyTop div.mod-languages {
    text-align: center;
}

#gkMainbodyTop div.mod-languages ul.lang-block li {
    display: inline-block;
}


Thank you very much for the reply, teitbite.
I'm sorry I did not explain it right from the start. The issue is as follows:
On the Home page, the language flags appear on the background photo and can be used correctly: https://truffat.com/index.php/de/
However, in the About page, the photo I used as the background of the module covers the flags and they can not be used: https://truffat.com/index.php/de/about-de

A thousand apologies for the confusion and thank you very much for the help.

Hi

Not a problem. Please try add this to override.css:

Code: Select all

#gkMainbody .one-page-layout {
    margin-top: 0;
}


Now everything is fine. Thank you very much.

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro