Navigation
Archive / Middle align nav social icons with nav links
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 8, 2017 at 2:18 pm #1321359
    Headlines34
    Participant

    Hello,

    I’d like to middle align the nav social icons with nav links on this site: kennettsqaureautomotive.com

    Can you help me?

    Thanks,
    Chuck

    January 8, 2017 at 3:28 pm #1321422
    Nico
    Moderator

    Hi There,

    The link is not correct however I change the sqaure word into square. Now it is working.

    First, please share us details on what you want to achieve. Perhaps a screenshot would help.

    You could try changing the column padding of your social icons. From padding: 4% 0px to padding: 3% 0px;

    Hope it helps.

    Thanks.

    January 8, 2017 at 6:40 pm #1321568
    Headlines34
    Participant

    Apologies. The link I sent you is the landing page while the site is under construction.

    This is the correct link: kennettsqaureautomotive.com/home

    You’ll notice the social icons are out of place on the nav menu, top is aligned instead of middle aligned.

    Thanks!

    January 8, 2017 at 11:29 pm #1321838
    Christopher
    Moderator

    Hi there,

    Please check your URL, it doesn’t work.

    Thanks.

    January 9, 2017 at 12:45 am #1321889
    Headlines34
    Participant

    kennettsquareautomotive.com/home

    January 9, 2017 at 1:16 am #1321912
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    li#menu-item-89 a, li#menu-item-84 a {
    padding-top: 28px;
}

    Hope that helps.

    January 10, 2017 at 12:51 am #1323496
    Headlines34
    Participant

    Good to go here, thanks. Apologies for the confusion!

    January 10, 2017 at 4:08 am #1323637
    Thai
    Moderator

    If you need anything else please let us know.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1321359 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>