Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2017 at 3:57 pm #737295
    nonne

    Hey team

    I am trying to position 2 flags in the header. They should be linking to a short description of the company/school in the same 2 languages.

    I am not trying to translate the whole site, so these flags should only appear on the frontpage.

    How do I achieve this? (have tried via adding a widget area to the header with no succes…)

    Please see screendump in private content.

    Thanks in advance – and best regards!

    January 24, 2017 at 6:32 am #737533
    Rikard

    Hey Carsten,

    I was going to suggest to for the widget in the header, what did not work out for you with that solution? Please link to the site where you are trying to implement this so that we can have a closer look.

    Best regards,
    Rikard

    January 24, 2017 at 11:33 am #737666
    nonne

    Hey Rikard

    Thanks for getting back.

    I AM able to put the flags in the header via a header widget – needs som css to place it accurately though, but I am sure you are able to help with that :-)

    However the main issue is, that I only want the header widget on the front page – not on all other pages…?

    I am not going to implement this right now, have’nt made the content yet, but I need to know, that it can actually be done and how to do it before telling my client, that it is possible.

    Please ref. to link in private

    Thanks :-)
    Best regards

    January 25, 2017 at 5:54 am #738116
    Rikard

    Hi,

    It’s possible, you can use the home class for instance:

    #header .widget {
  display:none;
}

.home #header .widget {
  display:block;
}

    Best regards,
    Rikard

    January 26, 2017 at 5:08 pm #739040
    nonne

    Hi Rikard

    Thanks a lot. It seems to work fine :-)

    Now I just need some css to place it accurately within the header. I have grabbed this from your documentation, which centers the image in header:

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

    CSS is not my strong side, but maybe you can point out which css “parameters” I should play with to position the images/flags?

    Alle the best – and thanks for your great support.

    January 27, 2017 at 10:55 am #739306
    Vinay

    Hi,

    I checked your site but could not see that the flags are in the header so I could inspect and provide you with accurate CSS code for it. However please try remove the left:50% value and add to right:20px

    Let us know if this works if not please get back to us with a precise link where we can inspect the element in question.

    Best regards,
    Vinay

    January 27, 2017 at 12:57 pm #739346
    nonne

    Hi Vinay

    Thanks a lot – I have figured it out and will play around a litte with positioning the elements. You may close the thread.

    All the best :-)

    January 27, 2017 at 3:51 pm #739432
    Vinay

    Hi,

    Glad we could help!
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Flags in header on frontpage only’ is closed to new replies.