Title: Submenu item alignment?
Last modified: July 26, 2024

---

# Submenu item alignment?

 *  [rnmartinez](https://wordpress.org/support/users/rnmartinez/)
 * (@rnmartinez)
 * [1 year, 10 months ago](https://wordpress.org/support/topic/submenu-item-alignment/)
 * Hi, for this site, there are three submenu items under “Shop”.
 * How can I align the sub menu items to have the same paidding as the main items?
 * Also, using css could I set the sub menu items to look less prominent? Like font-
   style=regular/thin/etc ?
 * I really wish we had collapsible menus for this theme 😛
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsubmenu-item-alignment%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Moderator [janmtm](https://wordpress.org/support/users/janmtm/)
 * (@janmtm)
 * [1 year, 9 months ago](https://wordpress.org/support/topic/submenu-item-alignment/#post-17960746)
 * Hi [@rnmartinez](https://wordpress.org/support/users/rnmartinez/) !
 * It sounds like you are wanting to center your submenu container as well as the
   submenu items beneath it’s parent container, yes ?
 * You could add a class to the submenu items, from within the Editor, then style
   them using the ‘Additional CSS’.
 * In Twenty Twenty Three, the submenu only has an Editor style option for the typography
   size, so you can use CSS instead, for altering the font’s appearance.
 * The CSS I tested for centering the submenu container and items are to add a class,
   for example ‘submenu’ to each submenu item, then add the CSS below:
 *     ```wp-block-code
       .submenu {margin: 0 auto;}
       ```
   
 * The font styles that you want to use on your submenu items can be added there.(
   Note that the class name I’ve used is an example, and you’ll need to style this
   on your site based on the class name you add in the submenu items Block settings.)
 * Then, you can also add to ‘Additional CSS’ the following CSS, which should center
   the container for the submenu items.
 *     ```wp-block-code
       .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {margin: 0 auto;left: -50%;}
       ```
   
 * The articles linked below should help you with finding how to add a class to 
   a Block, and where to find ‘Additional CSS’ for adding your CSS code.
 * [https://wordpress.org/documentation/article/styles-overview/#per-block-css](https://wordpress.org/documentation/article/styles-overview/#per-block-css)
 * [https://wordpress.org/documentation/article/styles-overview/#applying-custom-css](https://wordpress.org/documentation/article/styles-overview/#applying-custom-css)
 * Hope this helps!

Viewing 1 replies (of 1 total)

The topic ‘Submenu item alignment?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentytwentythree/1.6/screenshot.
   png)
 * Twenty Twenty-Three
 * [Support Threads](https://wordpress.org/support/theme/twentytwentythree/)
 * [Active Topics](https://wordpress.org/support/theme/twentytwentythree/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentytwentythree/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentytwentythree/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [janmtm](https://wordpress.org/support/users/janmtm/)
 * Last activity: [1 year, 9 months ago](https://wordpress.org/support/topic/submenu-item-alignment/#post-17960746)
 * Status: not resolved