make the mobile navigation letter larger size

  • I need help with this site. I’ve been trying to make the mobile navigation larger but the letters are still small no matter what. I used a plugin wpcode to add css but nothing. I tried additional css but still nothing. What could i be doing wrong this is one of my css codes that i found in another forum.

    .wp-block-navigation .wp-block-navigation_responsive-container.is-menu-open{
    font-size: 50px;!important}

    The px is not the real one i just wanted something big to see the difference.

    • This topic was modified 1 month, 3 weeks ago by emarkou.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator mizantium

    (@janmtm)

    Hi @emarkou !

    The CSS selector that will target only your submenu items is: wp-block-navigation__submenu-container

    You could further dial into that by adding a class to your entire Navigation Block, using the ‘Advanced’ field in your Navigation Block’s settings.

    This would eventually mean you can target your submenu items font size by using something like:

    .menumark .wp-block-navigation__submenu-container a {font-size:2em;}

    ..where for example, you had added menumark as the class for the Navigation Block, in the field ‘Advanced’. You can add this CSS, via the Styles.

    While this specific class isn’t documented in detail, you can inspect the structure of the block with browser developer tools to customize submenu styling precisely.

    If you only want this to be the size for mobile, you’ll need to use media queries for that, and can do a search about media queries. W3C Schools is always a good resource for details on those types of areas.

    Hope that helps.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.