• 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

Modern Portfolio Pro Theme Edit Navigation Menu

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 › Modern Portfolio Pro Theme Edit Navigation Menu

This topic is: not resolved

Tagged: Modern Portfolio Pro Theme Edit Navigation Menu

  • This topic has 2 replies, 2 voices, and was last updated 10 years, 4 months ago by bloomweb.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 13, 2015 at 4:53 am #168016
    bloomweb
    Member

    Hi,

    I would like to layout the navigation menu on the Modern Portfolio Pro Theme to be on one line, not two lines. Also when hovering over the main menu titles the first secondary menu item sits slightly on the right. I would like it to be aligned with the other secondary menu items.

    Please help or any suggestions welcome.

    Thanks!

    Shikha

    http://www.elegancebeauty.com.au/
    October 13, 2015 at 11:56 am #168048
    itzsnider
    Participant

    Shikha,

    The first ask is to make your menu item on one line. This drives me nuts as well.

    What you can do is utilize the developer tools of your browser and either
    1. make that menu "wider" or
    2. make the font-size or font-spacing smaller

    For the second task that again is something you can utilize your dev tools to grab.

    Once you have located the correct CSS properties, you can align them as needed.

    Hope that helps a tad.

    October 14, 2015 at 5:16 am #168098
    bloomweb
    Member

    Hi Matthew,

    Thanks for the tips. Any ideas on which part of the code I can change to make the menu wider? Also where are the CSS properties to align the secondary menu? I can't seem to locate these.

    Thanks,
    Shikha

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

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