Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 22, 2015 at 4:09 pm #477172
    sublime5o

    I am looking for a way to add a widget area (just adding in google translate) into the top header area next to the social media icons on my site. I would like to add this to my child theme (functions file) as well.

    Please let me know. Thanks!

    July 23, 2015 at 6:28 am #477509
    Ismael

    Hi sublime5o!

    Thank you for using Enfold.

    You can follow the instructions here: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Regards,
    Ismael

    July 23, 2015 at 12:52 pm #477677
    sublime5o

    I actually followed those directions and it put it in the middle of the main navigation and not in the upper top area by the social media icons. I have this in place like the instructions say just so you can see. Please advise.

    July 23, 2015 at 12:56 pm #477680
    Yigit

    Hi!

    Please change custom CSS code to following one 

    #header .widget {
    right: -5%;
    padding-top: 0;
    position: absolute;
    top: -115px;
    transform: translate(-50%);
}

    and adjust the values to position it perfectly.

    Best regards,
    Yigit

    July 23, 2015 at 1:29 pm #477710
    sublime5o

    Thanks! Works perfect. One last question. I am trying to have this now on top of the top bar but it is under it. I added z-index: 999 and it is still not sitting on top. Any suggestions?

    Thanks again.

    July 23, 2015 at 1:44 pm #477720
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #header_meta {
    z-index: 3;
}

    Regards,
    Yigit

    July 23, 2015 at 3:10 pm #477752
    sublime5o

    Perfect Thank you so much!

    July 24, 2015 at 9:45 am #478090
    Rikard

    Hi!

    Glad we could help :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Adding Widget area to Top Header Social Media area’ is closed to new replies.