Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 17, 2017 at 6:30 am #822330
    BiffMalibu

    Dear Support
    tried several solutions to add a icon above a main menu item. Unfortunatelly nothing works. I have add a circle style css to the menu item:

    .main_menu #menu-item-16 .avia-menu-text {
    background-color: #515151 !important;
    border-radius: 50%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 32px;
    padding-bottom: 32px;
color: #ffffff;
background-image: 
}

#top .main_menu #menu-item-16 a:hover .avia-menu-text {
background-color: #ec6707!important;

    text and icon should be centered in that circle, either a fontello icon or a image. Is there a way to manage this?

    Thanks for your help Marc

    July 17, 2017 at 9:43 am #822430
    John Torvik

    Hey BiffMalibu,

    Please, could you provide to us your web site link?

    Best regards,
    John Torvik

    July 18, 2017 at 7:01 am #823113
    BiffMalibu

    Dear John

    unfortunatelly the page is at the moment on a local enviroment. I want to use it on a standard header menu from enfold. Is there a way you could give advice without page in live enviroment?

    Code above works for circle around the menu item. But placing icon above menu item is not working.

    Thanks for your help Marc

    July 20, 2017 at 3:43 pm #824643
    Victoria

    Hi Marc,

    We really need to see the actual html and css of your header. Please get back to us when you put your work on some testing server where we can see it.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.