Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 2, 2015 at 5:09 pm #453217
    mleite1

    Hello, I created a submenu full width. I need to control the space letter this menu. How do I do this? Leave must also bold in some menu items.

    http://www.milk9.com.br/qlrweb2/elements-image/

    June 2, 2015 at 8:02 pm #453362
    mleite1

    I saw another problem. The menu is fixed on the desktop and rises along with the page on mobile. It has to be fixed also in mobile.

    The behavior must be the same as on the desktop.

    June 3, 2015 at 5:06 pm #453940
    Elliott

    Hey!

    Your trying to limit the width so you can fit the whole alphabet on line line correct? Try adding this to your custom CSS.

    #top .av-subnav-menu > li > a { padding: 0px 5px !important; }

    To give it a fixed position on mobiles try adding this.

    @media screen and (max-width: 767px) {
.responsive #top .av-submenu-container { position: fixed !important; top: 0px !important; }
}

    Regards,
    Elliott

    June 3, 2015 at 10:44 pm #454121
    mleite1

    Thanks Elliott.

    Ok, it worked on mobile.

    It created a very large line break the list of items. How to control this spacing?

    June 4, 2015 at 6:10 pm #454657
    Elliott

    Hey!

    You could reduce the padding a bit more. Try 2px.

    #top .av-subnav-menu > li > a { padding: 0px 2px !important; }

    Best regards,
    Elliott

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