• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Optimal Theme: Primary Menu positioned right of vs below the header/logo?

Home › Community Forums › Optimal Theme Support › Optimal Theme: Primary Menu positioned right of vs below the header/logo?

  • This topic has 3 replies, 3 voices, and was last updated 10 years ago by Wes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 21, 2012 at 10:46 pm #1258
    Appf_q9wmgks
    Customer

    Hello,

    Not new to WordPress or CSS, etc. But this is the first time using Genesis or Appfinite. Just purchased your Optimal Theme. In your demo the primary menu is positioned to the right of the header/logo. However, after doing a plain vanilla install (meaning that I haven’t started changing things around yet, no modifications to CSS, hooks, etc.) the primary menu is BELOW the header/logo.

    I’m unable to give you a URL because this is currently running dev only on localhost. And the forum doesn’t allow screenshots. However, this is fairly basic and easy to visualize. It doesn’t appear that your form allows example code. I’m going to trying entering it in HTML mode with the menu section of the View Source code commented out and see if that works (you’ll have to view the source of this post to find out).

    What method are you using to have the primary menu positioned to the right of the header/logo AND NOT extending beyond the right margin/border, instead of below the header/logo, which is what I’m seeing after a default install?

    BTW, I tried putting the menu in the “Header Right” widget. However, that results in the menu being too far right. Obviously anything is possible with CSS, etc. However, I’m wondering how you achieved it, as in your demo.

    Thank you!

    PS: Prior to submitting this question I reviewed any other similar questions that I could find, including those below. And since the theme was just purchased today it is your most current version.

    http://appfinite.com/topic/menu-css/

    http://appfinite.com/topic/sidebar-custom-nav-menus-css/

    http://appfinite.com/topic/sidebar-custom-nav-menus-css/

    -0-

    Will try inserting the source HTML below…

     

    <!–

    About
    Sample Page
    Optimal ThemeAbout
    Sample Page

    –>

    August 21, 2012 at 11:52 pm #1259
    Wes
    Moderator

    For the demo, I have the “Custom Menu” widget installed in the “Header Right” widget area.  The header right widget area is set to float right, so it will start from the far right and work its way over to the left depending on how many links you have in your navigation.  If you want it to float left, then you could adjust the css of the #header .menu

    January 20, 2013 at 5:12 pm #2538
    foxxr
    Customer

    Wes, you wrote:

    For the demo, I have the “Custom Menu” widget installed in the “Header Right” widget area.  The header right widget area is set to float right, so it will start from the far right and work its way over to the left depending on how many links you have in your navigation.  If you want it to float left, then you could adjust the css of the #header .menu

    How/how do you make the header right widget area set to float right?

    January 20, 2013 at 9:19 pm #2541
    Wes
    Moderator

    It’s already set to float right.  You can see by looking for this code in your css (around line 241) –

    #header .widget-area {
    float: right;
    padding: 40px 0 0;
    width: 700px;
    }

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework