Remove bullet points from Shortcode menu

  • Squidpeg9

    (@squidpeg9)


    9 years, 7 months ago

    I am using a shortcode I created to pull my main nav menu into an area on my testimonials page. It seems to work, except it has the bullet points in front of the nav menu items. How can I fix this?

    Here is the page:
    http://creatingpositivefutures.com/testimonials-new/

    Here is the code I am using:

    function print_menu_shortcode($atts, $content = null) {
    extract(shortcode_atts(array( 'name' => null, ), $atts));
    return wp_nav_menu( array( 'menu' => $name, 'echo' => false, 'container_class' => 'fusion-main-menu', 'menu_class' => 'fusion-menu', 'menu_id' => 'menu-main' ) );
}

add_shortcode('menu', 'print_menu_shortcode');
Viewing 3 replies - 1 through 3 (of 3 total)
  • arunmilky

    (@arunmilky)

    9 years, 7 months ago

    hai squidpeg

    try this code on your css..

    .fusion-main-menu ul {
    list-style: none!important;
    }

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    9 years, 7 months ago

    The bullet points problem occure by your css.
    You can change .element-container .double-column ul, .element-container .op-text-block ul {list-style:none;} into your style.css file.
    Or You can add below function into your functions.php file 

    function custom_style() {
        echo '<style>.element-container .double-column ul, .element-container .op-text-block ul {list-style:none !important;}</style>';
}
add_action('wp_head', 'custom_style');

    Let me know incase of any concern with the same.

    Thread Starter Squidpeg9

    (@squidpeg9)

    9 years, 7 months ago

    Thank you guys! 

    .fusion-main-menu ul {
list-style: none!important;
}

    Worked for me!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Remove bullet points from Shortcode menu’ is closed to new replies.