Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 9, 2014 at 6:22 pm #221358
    ribanezg

    Hello Kriesi team,

    1) I would like to add the social icons Twitter, Google+, LinkedIn, RSS and Mail in the right of the top menu, like in the kriesi.at page. I have tested all header options but i can not find a similar one. Could you help me please?

    2) I would like to add the social icons Twitter, Google+, LinkedIn, RSS and Mail in the footer 1. I have test a similar code like this:

    https://kriesi.at/support/search/social+icon+widget/

    <ul class=”noLightbox social_bookmarks icon_count_5″><li class=”social_bookmarks_yelp social_icon_1″><li class=”social_bookmarks_twitter social_icon_2″><li class=”social_bookmarks_facebook social_icon_3″><li class=”social_bookmarks_youtube social_icon_4″><li class=”social_bookmarks_mail social_icon_5″>

    But only one icon is seen: :-(( What am i doing wrong?

    Thanks in advanced, Raúl Ibáñez.
    http://solucionestecnologicasparaempresas.com/

    • This topic was modified 10 years, 10 months ago by ribanezg.
    February 10, 2014 at 3:55 am #221504
    Ismael

    Hey Raul!

    Please refer to this link: https://kriesi.at/support/topic/adding-social-icons-like-the-kriesi-site-with-a-small-non-fixed-header/#post-187252

    Cheers!
    Ismael

    February 10, 2014 at 5:57 pm #221771
    ribanezg

    Hello Ismael,

    Following your instructions social medial icons appear in the top menu, but on the top. See at: http://solucionestecnologicasparaempresas.com/

    Social media icons not appear in the right, separated by a discontinuous line, like kriesi.at page.

    Could you help me to align the icons on the right?

    Thanks for your work, Raúl.

    • This reply was modified 10 years, 10 months ago by ribanezg.
    February 11, 2014 at 6:58 pm #222344
    ribanezg

    Ismael,

    Here it is another web with enfold theme which have the social icons in the right of the top menu like i want.

    http://killerphotography.com/

    Raúl.

    February 12, 2014 at 3:28 pm #222816
    Yigit

    Hi!

    Please refer to Josue’s post here https://kriesi.at/support/topic/tesimonial-appearance/#post-222032

    Regards,
    Yigit

    February 12, 2014 at 6:24 pm #222934
    ribanezg

    Hello Yigit,

    I have done this changes in the css, like Josue post but adding spacing and a line between menu and social icons:

    #main{
    padding-top: 117px !important;
    }
    .social_bookmarks {
    position: absolute;
    top: 42px;
    right: 0;
    }
    .header-scrolled .social_bookmarks {
    top: 14px;
    }
    #header_meta {
    height: 0 !important;
    min-height: 0 !important;
    }
    .sub_menu {
    display: none;
    }
    #top .main_menu {
    right: 110px;
    border-right-style: dashed;
    border-right-width: 1px;
    padding-right: 25px;
    }
    #top .social_bookmarks li {
    border: 0 !important;
    }
    #header_main .social_bookmarks {
    right: -25px;
    }

    See at: http://solucionestecnologicasparaempresas.com/

    What do you think?

    Thanks, Raúl.

    • This reply was modified 10 years, 10 months ago by ribanezg.
    February 12, 2014 at 8:46 pm #223021
    Yigit

    Hi!

    Please remove following code from Quick CSS 

    #main {
padding-top: 117px !important;
}

    to remove marked section here http://i.imgur.com/QNcVc6F.jpg
    And as you can see, icons looks great :)

    Best regards,
    Yigit

    February 12, 2014 at 9:53 pm #223067
    ribanezg

    Hello Yigit,

    Removed! You are a freak!

    Thanks very much, because it looks great!

    I am delighted with my page and your theme.

    Regards, Raúl.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Social Media icons in the right of the top menu and in the footer’ is closed to new replies.