Navigation
Archive / How to Insert image in the centre top primary menu?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 23, 2016 at 2:12 pm #1005810
    michaellanfield
    Participant

    In the top primary menu I would like to insert a logo right in the centre of the menu. Have some of the menu to the left of the logo and the other part of the menu to the right of the logo. How to do this?

    May 23, 2016 at 2:22 pm #1005832
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    May 23, 2016 at 2:23 pm #1005838
    michaellanfield
    Participant
    This reply has been marked as private.
    May 23, 2016 at 2:52 pm #1005888
    Darshana
    Moderator

    Hi there,

    Basically you can add a menu item through Appearance -> Menus section as a custom link.

    Hope that helps.

    May 23, 2016 at 3:04 pm #1005909
    michaellanfield
    Participant

    great. Just how to resize it and vertical align center?

    May 23, 2016 at 3:54 pm #1005984
    Joao
    Moderator

    Hi There

    You can add the following code to your Appereance / Customizer / Custom / CSS

    #menu-item-3865 {
  max-width: 60px;
}

    Hope that helps,

    Joao

    May 23, 2016 at 4:17 pm #1005999
    michaellanfield
    Participant

    Thank you. How to align the image vertical centered?

    May 23, 2016 at 9:33 pm #1006458
    Darshana
    Moderator

    Hi there,

    You can add this under Custom > CSS in the Customizer.

    
#menu-item-3865 > a {
    padding-top: 0;
}

    Hope that helps.

    May 23, 2016 at 11:08 pm #1006536
    michaellanfield
    Participant

    that did thank you.

    May 23, 2016 at 11:09 pm #1006537
    Nico
    Moderator

    Happy to hear that.

    Thanks. Feel free to ask us again

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