Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 11, 2014 at 5:39 pm #317539
    Ship-ST

    Good afternoon,
    I’m trying to add custom pictures in my enfold main menu. I managed to insert them this this code:
    <p> en_US </p>
    However, if I do that the picture is not centered vertically.
    Would you have any idea for this?
    Thanks

    September 12, 2014 at 6:19 am #317856
    Ismael

    Hey Ship-ST!

    Thank you for using Enfold.

    Do you mind if we take a look? Please post the url here. Try adding a custom css class on the p tag. Something like this:

    <p class="menu-image"> en_US </p>

    Add this on Quick CSS or custom.css to move the menu-image container vertically:

    p.menu-image {
position: relative;
top: 5px;
}

    Best regards,
    Ismael

    September 12, 2014 at 10:52 am #318004
    Ship-ST

    Good morning,
    Thanks for your nice help. Our website is located here: http://www.rhinopiping.com/
    Thanks to your code, I managed to vertically center my flag in the menu. I had to change the Quick CCS code to:

    p.menu-image {
position: relative;
top: -9px;
}

    I still have a small issue on hover: the hover colored line is displayed underneath the menu, instead of above as all the other menu items.

    September 12, 2014 at 2:30 pm #318129
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    li#menu-item-107543 a .avia-menu-fx {
bottom: -17px!important;
}

    Best regards,
    Yigit

    September 12, 2014 at 3:19 pm #318153
    Ship-ST

    Thanks. I had to change the value to a positive one but it’s working!

    li#menu-item-107543 a .avia-menu-fx {
bottom: +11px!important;
}
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Vertically center menu pictures’ is closed to new replies.