Navigation
Archive / UberMenu: Custom Icon Class
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 3, 2016 at 11:23 am #1070460
    contegi66
    Participant

    Dear Support,

    I follow exactly the video tutorial on how to create “the UberMenu 3 Menu Bar” and everything was smooth unless social icons are really too small. Therefore I add in Custom Icon Class field the font awesome code: fa-2x (see screenshot #2)

    Problem: icons sizes are now fine but not aligned with the rest of menu as you can see in screenshot #1 attached.

    Could you help me to fix this?

    Thanks in advance,

    Gianni

    July 3, 2016 at 12:07 pm #1070507
    Rupok
    Member

    Hi Gianni,

    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.

    July 3, 2016 at 3:38 pm #1070645
    contegi66
    Participant
    This reply has been marked as private.
    July 3, 2016 at 4:17 pm #1070661
    contegi66
    Participant
    This reply has been marked as private.
    July 3, 2016 at 10:03 pm #1070989
    Rad
    Moderator

    Hi there,

    Please add this CSS as well,

    .ubermenu .ubermenu-item {
    padding-top: 10px;
}
#menu-item-10620, #menu-item-10622 {
padding-top: 0px;
}

    Please change 10px to your preference.

    Thanks!

    July 4, 2016 at 1:00 am #1071073
    contegi66
    Participant

    Hi Support,

    Thank you for this. I added to custom css, changed px and it’s perfect unless the facebook one which is clearly not align with others. Any clue why?

    Best

    Gianni

    July 4, 2016 at 1:07 am #1071077
    Christopher
    Moderator

    Hi there,

    Please add facebook icon so we can help you with alignment.

    Thanks.

    July 5, 2016 at 1:44 pm #1073428
    contegi66
    Participant

    Dear Support,

    I solved it by adding missing #menu-item-xxxxx

    Thanks a lot

    Gianni

    July 5, 2016 at 1:53 pm #1073439
    Rupok
    Member

    You are welcome Gianni!

    Glad that it solved. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

    July 11, 2016 at 12:17 am #1080822
    CaptainJune
    Participant

    @contegi66 Are you willing to share your extension to added a custom icon?

    July 11, 2016 at 1:57 am #1080918
    Rupok
    Member

    Hi @captainjune

    He is using UberMenu.

    Cheers!

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