Transparent header question

Hi there,

I would like to continue the conversation found here:

The code given to me:

.x-bar-fixed {
background-color: hsl(0, 0%, 100%)!important;
}
.x-bar-fixed .x-menu > li > .x-anchor .x-anchor-text-primary {
color: hsl(0, 100%, 50%);
}

worked great while the website was only available in english, but now when I switch to the French version, it simply doesnt work. Could you have a look what the issue is?

Thanks!

http://www.coachingandfamily.com/fr/

Hi There,

You forgot to add the margin top to first section in the French version, please add the margin-top: -7em; to the first section as well.


Let us know how it goes!

Hi there,

Thanks, that was it, there’s another thing though. The li item before WPML in the header is hidden in English but not in French. It is done by JS, here’s the code:

jQuery( document ).ready(function($) {
    jQuery('li.wpml-ls-first-item').prev().hide();    
});

Why does this only work in English? Thanks!

Hey @Pbalazs89,

Regretfully, this really isn’t something that we should continue on troubleshooting as product support because this is not a native function of the theme. This is going into custom development which should be directed to a dedicated development team like our Pinnacle team. If you would like more information, please contact us here.

Thank you for understanding.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.