Top bar issues

I notice this strange behaviour. On a fresh installation, if I try to customize the "Banner topbar" I lose the social icons, even though I change the html back to the original state.

Then I manually insert:
<div class="gk-social">
<a href="#"<i class="fa fa-facebook"></i></a>
<a href="#"<i class="fa fa-twitter"></i></a>
<a href="#"<i class="fa fa-youtube"></i></a>
<a href="#"<i class="fa fa-vimeo-square"></i></a>
</div>

which revovers the icons but loses the hovering effect.

Finally I try to insert a language switcher on the topbar but it does not appear. I also tried in several more positions (for eg lang) with no luck.

Can you help me?





:

HI

This code is not correct:

Code: Select all

<div class="gk-social">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube"></i></a>
<a href="#"><i class="fa fa-vimeo-square"></i></a>
</div>


Please show me Your site and tell me where language switcher module is published.

Excuse my late reply but I was trying to set up a ddns...

Anyway, I pasted your code and the hovering effect is fine now. Thanks

You may see the site on parapanpan.no-ip.biz/mamoutzis
I try to publish the language switcher on the topbar (on the top right I guess).
I have tried several module positions provided with the template, including lang, topnav,cart etc, with no luck...

Hi

I can see languages module, but it's empty.

Code: Select all

<div class="mod-languages">
   <ul class="lang-inline">
      </ul>
</div>


are You sure You have configured content langages properly in joomla languages section ? Here is an instruction: https://www.gavick.com/documentation/ge ... oomla-1-7/

Thanks, I managed to display the language switcher. Is there a way to place it on topbar, on the rightmost (not where the social icons are)

Hi

I cannot open Your site to check the code. Is there something wrong with server ?

It must be fine now...

Hi

Please add this to css:

Code: Select all

#gkHeaderNav {
    position: relative;
}

#gkTopMenu {
    position: absolute;
    right: 0;
    top: 28px;
}


Re-placing the gkTopMenu did the trick, but unfortunately the responsive behavior is not right, as resizing the window sends the language flag out of the topbar.

Hi

Add this code to tablet.css:

Code: Select all

#gkTopMenu {
    top: -38px;
}


This code to small.tablet.css:

Code: Select all

#gkTopMenu {
    float: right !important;
    margin: 0 !important;
    position: absolute;
    right: 20px;
    top: -39px;
    width: auto !important;
}


And for mobile.css:

Code: Select all

#gkTopMenu {
    top: 100px;
}


Why do the topBar social icons disappear when this module is updated and how do we stop this? And how do I get it back?

I thought I had screwed something up, but did a new instyle Quickstart installation and sure enough, any mods made to the topBar cause the social icons to disappear.

Hi

Probably it's pushing icons from sight. Please show me Your site.

use codemirror, or none as your editor. The code for the social icons does not show up with regular editor...So any edits, will auto delete the code.

Hi

Yes, that's the other possibility. Editors are stripping some of HTML5 code which mat be used in this case.