• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Custom Menu Customization: No Bullets

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Custom Menu Customization: No Bullets

This topic is: not resolved

Tagged: custom menu

  • This topic has 5 replies, 3 voices, and was last updated 9 years, 4 months ago by Susan.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 28, 2015 at 4:14 pm #174982
    jsgerhold
    Member

    The Custom Menu widget in Genesis creates a vertical menu with a bulleted list. How do I customize this menu so it appears as a drop-down list of menu items? I want the behavior of the menu to be similar to the navigation menus. I've read the forum posts on the topic, but can't find an answer. Thanks.

    http://dementiatoday.com
    December 28, 2015 at 6:04 pm #174987
    Brad Dalton
    Participant

    Try:

    list-style-type: none;
    

    With your widget class

    http://www.w3schools.com/cssref/pr_list-style-type.asp


    Tutorials for StudioPress Themes.

    December 28, 2015 at 7:29 pm #174990
    jsgerhold
    Member

    Where is this?

    December 29, 2015 at 4:07 am #175040
    Brad Dalton
    Participant

    Inspect the element in question to find the class which styles the custom menu in the widget and then use that class in a CSS rule to remove the list styling using the declaration above.

    Something like this:

    .add your custom menu class here {
        list-style-type: none;
    }
    

    Tutorials for StudioPress Themes.

    December 29, 2015 at 12:31 pm #175085
    jsgerhold
    Member
    This reply has been marked as private.
    December 29, 2015 at 1:24 pm #175089
    Susan
    Moderator

    Brad can’t see private replies (only the original poster on the thread – {you} or an administrator or moderator {me} can see private replies).

    If you want to contact Brad privately, you should reach out to him on his website: http://wpsites.net/services/wordpress-consulting/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble