Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • November 21, 2016 at 11:05 am #714746
    GraphicEyeDK

    Hi,

    I would like to have a facebook like box in top of the header, that shows have many likes the facebook site haves – see screenshot: http://www.myredbag.dk/wp-content/uploads/2016/11/Screenshot_facebook.jpg
    How can I do that?

    Best regards,
    Helle Østergaard

    November 22, 2016 at 4:42 am #715087
    Rikard

    Hi Helle,

    You can try adding a widget area to the header: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/. You can add any content you like into it.

    Best regards,
    Rikard

    November 23, 2016 at 11:41 am #715840
    GraphicEyeDK

    Hi,

    Now I tried adding a widget area to the header, but the placement isn’t right. I want the widget area to be on top of the header. Right now it’s place below the logo: http://site3.graphiceye.dk/about/

    Please help me to get it right.

    Best regards,
    Helle

    November 23, 2016 at 4:03 pm #716011
    Rikard

    Hi Helle,

    I think you forgot to add the CSS to Quick CSS:

    #header .widget {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  z-index: 999;
}

    That will place it in the middle of the header :-)

    Best regards,
    Rikard

    November 24, 2016 at 1:20 pm #716394
    GraphicEyeDK

    Hi,

    But I don’t want it in the middle. I want it to be placed like the top bar, where the social media icons are right now: http://site3.graphiceye.dk/

    Best regards,
    Helle Østergaard

    November 27, 2016 at 7:32 am #717389
    Ismael

    Hi,

    Looks like you managed to put the facebook widget inside the top bar. Did you replace it with the “avia_meta_header” filter?

    Best regards,
    Ismael

    November 27, 2016 at 11:19 am #717409
    GraphicEyeDK

    Hi,

    I don’t no which site you are referring to, but on this site http://site3.graphiceye.dk/ I have added a widget area to the header with the text “This is a test of a header widget area” (I have followed this instruction: http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/). This text I want to be shown in the top bar along with the social media icons.

    Best regards,
    Helle

    November 29, 2016 at 4:20 pm #718316
    Andy

    Hi,

    try this code inside Quick CSS field:

    #header_meta {
z-index: 1;
}
#header .widget {
top: -60px;
}

    Best regards,
    Andy

    December 1, 2016 at 4:03 pm #719293
    GraphicEyeDK

    Hi,

    Thanks, that works just fin in full width, but in responsive it doesn’t work that well. The text “This is a test of a header widget area” is hidden behind the facebook bottons at the right.

    Best regards,
    Helle

    December 2, 2016 at 6:54 am #719522
    Rikard

    Hi Helle,

    Please try the following as well:

    @media only screen and (max-width: 767px) {
#header .widget {
    left: 0%;
    top: -100px !important;
    transform: translate(0%);
}
}

    Best regards,
    Rikard

    December 2, 2016 at 4:43 pm #719796
    GraphicEyeDK

    Hi,

    Now the text is on top of the social icons af the left.

    Best regards,
    Helle

    December 2, 2016 at 4:46 pm #719799
    Yigit

    Hi!

    Shall we mark the thread as resolved?
    If you need further assistance in this case, please post a screenshot and show the changes you would like to make.
    You can upload your scerenshots on imgur.com or Dropbox public folder and post the links here

    Best regards,
    Yigit

    December 2, 2016 at 4:54 pm #719806
    GraphicEyeDK

    Hi,

    No, the problem isn’t resolved. The text “This is a test of a header widget area” is on top of the two social icons in responsiv design: http://site3.graphiceye.dk/wp-content/uploads/2016/12/Skærmbillede-2016-12-02-kl.-15.50.34.png. Not that good.

    Best regards,
    Helle

    December 3, 2016 at 7:17 am #720008
    Rikard

    Hi Helle,

    Thanks for the screenshot. As you can see there is not all that much space in the header to accomodate additional content. I’m guessing that you will change the content of the widget to something else than the test text? If so please go ahead and add the content you want in there and we can give you some more specific CSS after that.

    Please note that support is not a customisation service, but we are happy to help you out with minor changes to the theme.

    Best regards,
    Rikard

    • This reply was modified 7 years, 11 months ago by Rikard.
    December 7, 2016 at 1:11 pm #721464
    GraphicEyeDK

    Hi,

    I just want the text to be in between the social icons at the top and the facebook box at the bottom. Is that passible?

    Best regards,
    Helle

    December 8, 2016 at 1:51 pm #721948
    Andy

    Hi,

    this won’t be easily possible. You can move it up or down instead:

    .textwidget {
position: relative;
top: 24px;
}

    Best regards,
    Andy

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.