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

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

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.

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

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

      https://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.