• 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

Smart Passive Income Menu Appearance Help

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 › Smart Passive Income Menu Appearance Help

This topic is: not resolved

Tagged: css, menu

  • This topic has 2 replies, 2 voices, and was last updated 6 years, 5 months ago by mattdustin.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 11, 2016 at 9:11 pm #194561
    mattdustin
    Participant

    Hello,

    So, I'm absolutely horrible when it comes to any kind of coding. I installed the Smart Passive Income Theme, and so far I really like it. However, my menu now looks a bit off, and I have no idea how to fix it.

    The original theme should have all the menu options different colors, almost looking like tabs (See theme demo in red)

    I'm not sure what I did, but mine is now missing that - the whole menu bar is one solid color. Support told me I deleted some CSS, which I've never edited before in my life, so I just deleted the theme, re-installed, and it brought back my old settings. I downloaded a new copy, unzipped, copied and pasted that new CSS into my current theme, and nothing changed.

    This is what they sent me, but now it's in the CSS and still doesn't look right:

    "For example, the original Smart Passive Income Pro theme includes this CSS, which appears to be missing from your theme:

    .nav-primary .genesis-nav-menu > li,
    .nav-primary .genesis-nav-menu > li:hover {
    position: relative;
    }

    I'd suggest downloading a new copy of the Smart Passive Income Pro theme and comparing the original style.css file with the one on your site. That will help you locate any other CSS you may have added, removed or changed."

    Any idea what I should do to fix this?

    Original

    Mine

    http://www.mattdustin.com
    October 12, 2016 at 10:44 am #194592
    carasmo
    Participant

    Yes, what they said to compare what went missing by looking at the differences between the files and patching back in the area that went missing.

    You can use https://www.diffnow.com/ to paste in your live css with the default theme css and then look for the missing css. Since it's the look of the tabs, it would involve a box-shadow to make that look.

    I love that blue!


    Genesis Theme Customization and Help

    October 12, 2016 at 9:49 pm #194622
    mattdustin
    Participant

    I will try that, thank you for the help, and thanks for the compliment on the blue!

  • 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

© 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