Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #737295

    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!

    #737533

    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

    #737666

    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

    #738116

    Hi,

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

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

    Best regards,
    Rikard

    #739040

    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.

    #739306

    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

    #739346

    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 :-)

    #739432

    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

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