• 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

Navigation Bar Clickable Elements

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 › Navigation Bar Clickable Elements

This topic is: resolved

Tagged: clickable, colour, elements, Navigation Bar, streamline pro

  • This topic has 2 replies, 2 voices, and was last updated 11 years, 8 months ago by djace.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 17, 2014 at 11:51 am #128159
    djace
    Member

    Hey everyone,

    I was wondering whether or not you can resize the navigation bar's... element size in the Streamline Pro theme.

    I have an image because I can't quite properly explain what I'm looking for.

    You can see that the top of the box extends into the header. What I'm looking to do is to reduce the size of the interactive bit and have a coloured background for the text elements. It would be perfect if I could have an individual coloured background for each, but I'll settle for one.

    Thanks!

    http://wesn.ca/
    October 17, 2014 at 12:10 pm #128162
    littleleafash
    Member

    Yep - just adjust the padding in .genesis-nav-menu a {

    Then to have different colored back ground for each of the menu items (I assume this is what you mean by 'text elements'?), you can just use the selector #menu-item-2767 { background: #color ;} for each of the menu items.

    October 17, 2014 at 12:23 pm #128165
    djace
    Member

    Thanks! That did it.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Navigation Bar Clickable Elements’ is closed to new 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