Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 12, 2016 at 5:01 am #563672
    gerardbao

    I enabled mega menu for the main nav.
    I tried copying and pasting the html code for an av button shortcode to the description of the menu item, however the button doesn’t display. Only the hyperlinked text does. Any suggestions as to how to get this to work?

    January 13, 2016 at 4:26 am #564315
    Rikard

    Hey gerardbao,

    Not sure why it’s doing that but you can try to target it using the following CSS: 

    #menu-item-10549 .avia-button-wrap {
your code here
}

or

#menu-item-10549 .avia-button-wrap a {
your code here
}

    Regards,
    Rikard

    January 13, 2016 at 5:47 am #564339
    gerardbao

    Tried using adding that CSS code with this styling.

    #menu-item-10549 .avia-button-wrap {
    border: 3px solid #fff;
    background: transparent;
    }

    Nothing changed.

    January 13, 2016 at 7:45 pm #564993
    Vinay

    Hey!

    Please use the below css in Enfold > General Styling > Quick CSS 

    .sub-menu .avia-button.avia-color-blue {
    background-color: #7bb0e7!important;
    border-color: #6693C2!important;
    color: #fff!important;
    padding: 9px 10px 7px!important;
    min-width: 80px;
    border-radius: 30px;
    color: #fff;
    text-decoration: none!important;
}

    Best regards,
    Vinay

    January 14, 2016 at 12:48 am #565081
    gerardbao

    That helped. However the button is cropped off on the bottom a little early. How can I fix that?

    Also, while we’re at it, how do I update the paragraph text style for that sub menu in the mega menu?

    Thanks,

    January 14, 2016 at 11:35 am #565321
    Vinay

    Hi!

    The missing border has got something to do with the padding try and adjust the paddings.

    To edit the paragraph text please goto appearance > menu and select the menu item.

    Best regards,
    Vinay

    January 14, 2016 at 7:16 pm #565708
    gerardbao

    I understand how to edit the text in the menu. But I want to edit the text style. I’d like to make the font size smaller.

    January 17, 2016 at 1:24 am #566677
    Vinay

    Hi!

    Please use the below css :)

    #header .avia_mega_text_block {
    line-height: 18px;
    font-size: 14px!important;
}

    Regards,
    Vinay

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