• 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

dropdown nav width

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 › dropdown nav width

This topic is: not resolved

Tagged: css, dropdown nav

  • This topic has 3 replies, 2 voices, and was last updated 10 years, 1 month ago by Chris Cree.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 29, 2012 at 7:47 am #8120
    hsimpson
    Member

    How do I change the width of the drop-down menu to auto-adjust to the length of the page title? Right now it is at a fixed width so some items run down to 4 lines or more with longer page titles. I am sure this is a simple css fix for those in the know, not a newb like me. I searched around online and found a css trick that worked, but the page title auto adjusted but the shadow background did not so the text ran off the color and it looked horrible. Could not figure out how to make it work right. I also searched the forum before posting. Thanks!!

    December 29, 2012 at 5:06 pm #8232
    Chris Cree
    Participant

    Honestly you are better off choosing an appropriate width for most cases by editing the width in your style.css file. Without a link to your site it's hard to give you specific recommendations.

    Then you can edit the "Navigation Label" on the individual links in your menus. That way you can shorten up long page titles so that the work better in your nav menus.

    If you try to do some kind of flexible width it will mess up your third level navigation flyouts. You probably don't really want to do that.

    December 29, 2012 at 6:09 pm #8244
    hsimpson
    Member

    Got it, makes sense. Where would I change the width though? I'd like to experiment a bit and see if I can find the balance.

    January 2, 2013 at 10:09 am #8951
    Chris Cree
    Participant

    If you can post a link to your site then someone here could help you with that.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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

© 2023 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