Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 15, 2016 at 1:54 pm #598372
    bigjoechef

    I currently have a header of 60px height with the logo and main menu left. I have enabled the extra elements “Header Social Icons” and to display them in “The main header area” but I would like to have them positioned to the far right as apposed to the default left after the main menu.

    March 15, 2016 at 3:32 pm #598423
    Jordan

    Hey bigjoechef!

    Thanks for reaching out to us!

    Try adding the following CSS to the Quick CSS field under the General Styling tab in the theme options:

    .social_books {
    right: 0 !important;
}

    If this does not help, please could you please provide a link to your site and login information so that we can have a closer look at the issue. Put the login details in the Private Content section of your reply.

    Best regards,
    Jordan

    March 16, 2016 at 8:05 pm #599155
    bigjoechef

    OK I figured it out. Because I added the following css style to make the main_menu float left beside my logo:

    .main_menu {
  position: relative; left: 174px; /* width of my brand logo */
}

    I had to change the following styles to the .social_bookmarks:

    #header_main nav .social_bookmarks {
    right: 174px;  /* width of my brand logo */
    float: right;
}
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘How to position header main menu area social links to the far right?’ is closed to new replies.