Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 12, 2015 at 6:35 pm #534983
    m_gnowit

    Hi,

    I would like to have an image or icon of the American flag which directs users to the American version of my site. My idea was having something like the menu on this Kriesi site. See how after the search button there is icons, I’d like to have that as well, but with an extra button as mentioned above.

    Thanks in advance.

    November 12, 2015 at 6:47 pm #535001
    Elliott

    Hey m_gnowit!

    Do this, http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/, to add a widget area to your header and then drag a text widget to it and add this inside.

    <img src = "URL to your image" />

    And then send us a link to your page and we’ll give you some CSS to position it in that area.

    Best regards,
    Elliott

    November 12, 2015 at 9:57 pm #535100
    m_gnowit

    Hey Elliot,

    Thanks for the suggestion. I have done that part.

    Here is my website.

    November 13, 2015 at 8:30 am #535278
    Rikard

    Hi,

    I couldn’t see any flag in your header, did you not add the header widget?

    Best regards,
    Rikard

    November 13, 2015 at 6:16 pm #535626
    m_gnowit

    Ok, I have followed the instructions given, but I don’t see the header widget. I’m not quite sure if I did it right.

    November 13, 2015 at 6:33 pm #535650
    m_gnowit

    Correction, now I see the widget at least. How do I place it on the right?

    November 16, 2015 at 5:39 am #536283
    Rikard

    Hi,

    I can see that you have added the widget to the header but you have commented out the markup inside of it, where would you like to have it placed? A screenshot or mockup would help us understand what you are looking to achieve.

    Regards,
    Rikard

    November 16, 2015 at 4:34 pm #536606
    m_gnowit

    I’d like to have it placed after my free trial button. Just like you have your up here on the right.

    November 17, 2015 at 8:34 am #537152
    Rikard

    Hi,

    I still can’t see any content but you can try replacing your current CSS with the following:

    #header .widget {
    right: 20px;
    padding-top: 0;
    position: absolute;
    top: 20px;
}

    Adjust the values to your liking.

    Best regards,
    Rikard

    November 18, 2015 at 6:24 pm #538434
    m_gnowit

    Hi Rikard,

    Thanks for your help, but I think I have another idea. You see how Enfold has displays the social icons in the main header area, I was thinking another icon there. Perhaps a flag or something suitable.

    This is the part of the code I where I want to edit.

    <li class="social_bookmarks_dribbble av-social-link-dribbble social_icon_3"><a target="_blank" href="http://dribbble.com/kriesi" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello" title="Dribbble"><span class="avia_hidden_link_text">Dribbble</span></a></li>

    So where can I find a list of available icons for this?

    November 19, 2015 at 8:01 am #538789
    Rikard

    Hi,

    I’m not sure if this is what you are asking for but please try following this: http://kriesi.at/documentation/enfold/custom-social-icons/

    Thanks,
    Rikard

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