Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 9, 2015 at 2:00 pm #456699
    USERNAME2015

    Hi all,

    I see in this documentation (http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/) how to put the transposh widget into the header and it works. Now i need to move the widget at the top of the header area like the social icons but at the left. I try with these quick ccs codes but they don’t work: 

    #transposh-4 {
  position: relative;
  top: -100px;
  left: 80%;
  margin-bottom: -80px;
}
    #header .widget {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}

    Thanks a lot for your help,

    Have a good day.

    June 9, 2015 at 6:36 pm #456852
    Elliott

    Hi USERNAME2015!

    Add this to your custom CSS.

    #header_meta { background: transparent !important; }
#header_main_alternate > .container > .widget {
  position: absolute;
  top: -170px;
}

    Cheers!
    Elliott

    June 9, 2015 at 9:44 pm #456930
    USERNAME2015

    Thanks a lot Elliott now the widget is in the good place but i have a problem, i don’t know why i can’t click on the flag in order to change the language. Can you help me to fix this problem please ?

    June 10, 2015 at 11:23 am #457119
    Ismael

    Hey!

    Add this in the Quick CSS field:

    .html_header_top.html_bottom_nav_header #header_main {
  z-index: 1000;
}

    Cheers!
    Ismael

    June 10, 2015 at 11:32 am #457124
    USERNAME2015

    It works 100%, thanks a lot for your help. Your are the best !!!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Move transposh widget in header area’ is closed to new replies.