Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • Andrew Winkler Friend
    #190801

    When defining a menu module as the submenu of a megamenu, the submenu items are displayed starting with a bullet. (see screenshot) How do I get rid of those annoying bullet points?


    1. Megamenu-configuration-2013-09-22-15-56-54
    pavit Moderator
    #506603

    Hi

    Goto this file /templates/ja_hawkstore/css/megamenu.css around line 130

    .t3-megamenu .t3-module ul li, .t3-megamenu .t3-module .nav li {
    border: 0 none;
    display: list-item; change to display:block;
    float: none;
    list-style: disc outside none;
    margin: 0;
    padding: 0;
    }

    Andrew Winkler Friend
    #506608

    Great. That worked. But how do I get rid of the space in front of each menu item?


    1. megamenuproblems.fw_
    pavit Moderator
    #506609

    Try in this way: add a left to the float property

    .t3-megamenu .t3-module ul li, .t3-megamenu .t3-module .nav li {
    border: 0 none;
    display: block;
    float: none; change to float: left;
    list-style:none; change this too
    margin: 0;
    padding: 0;
    }

    Andrew Winkler Friend
    #506611

    Great that got rid of most of the padding. I then changed the code in line 126 from

    [PHP].t3-megamenu .t3-module ul,
    .t3-megamenu .t3-module .nav {
    margin: 0 0 0 15px;
    }[/PHP]

    to

    [PHP].t3-megamenu .t3-module ul,
    .t3-megamenu .t3-module .nav {
    margin: 0 0 0 0;
    }[/PHP]

    and then it looked perfect.

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 5 replies, has 2 voices, and was last updated by  Andrew Winkler 11 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum