Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 12, 2017 at 8:48 pm #732827
    mcraig77

    Ahoy,

    I followed this help article to add a widget to the right of the logo. http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ is there a way to have the widget with the phone number be on top on one line of the social icons on the right and have the social icons brought down centered in the height of the menu so they do not overlap the new header widget? I have added the code below.

    #header .widget {
    right: 20px;
    padding-top: 0;
    position: absolute;
    top: 30px;
    transform: translate(-50%);
    z-index: 999;
}
    January 17, 2017 at 12:04 am #734397
    Nikko

    Hey mcraig77,

    I think the phone number should be added not in widget but in Enfold > Header > Extra Elements > Header Phone Number/Extra Info (set this to Display in top bar at the right) > Phone Number or small info text and place the phone number there.

    As for the social icons, just add this css code in Quick CSS (located in Enfold > General Styling):

    .html_bottom_nav_header #top .av-logo-container .social_bookmarks {
    margin-top: 0;
    top: 100px;
}

    just adjust the top value as you see fit. Hope this helps :)

    Best regards,
    Nikko

    January 17, 2017 at 12:17 am #734398
    mcraig77

    Ahoy,

    Sounds goods but when I activated the phone number in the top bar it does not show up. Please advise… I have set my setting for it to show… but is isn’t

    January 17, 2017 at 2:32 am #734436
    Nikko

    Hey!

    It seems like you have this code in Quick CSS (located in Enfold > General Styling):

    div.phone-info {
    width: 100%;
    text-align: center;
    margin-top: -30px;
}

    try replacing it with:

    div.phone-info {
    width: 100%;
    text-align: right;
    margin-top: 0;
}

    Let us know if this helps :)

    Cheers!
    Nikko

    January 17, 2017 at 6:13 am #734478
    mcraig77

    Solved, Thanks!

    January 17, 2017 at 8:45 am #734556
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make widget to right of the header move social icons down’ is closed to new replies.