Primary Nav Items align to right

Homepage › Community Forums › Epik Theme Support › Primary Nav Items align to right

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 12, 2014 at 10:48 pm #14256
    Genghis7777
    Customer

      Hi Folks

      I noticed on the Legacy theme forum, someone was trying to get their primary nav menue items to align to the right (https://appfinite.com/topic/primary-nav-to-float-right/). I’m trying to do the same.

      The workaround was to change the float property from left to right but that forces you to reverse the order of the menu items.

      That’s OK but in my case I’m using a Sticky Header plug-in and unfortunately the menu items are displayed in reverse order.

      I’m trying to align them to the right b/c I have a user who wants the Contact Us menu item to always be in the top RHS corner.

      Has anyone found a fix for this yet? Any help appreciated.

      Genghis

      October 13, 2014 at 12:23 am #14260
      Jessy
      Customer

        I’m confused, as far as I know, all you would have to do is reverse the order (and thats due to the way CSS works rather than the theme)…..so is revising the order of the menu items/links not working? I’ve done it with no issue, so I’m just wondering what’s going on.

        There seems to be no issue with reversing the order in the WP menus, so what else is the issue? Do you have a link to your website?

        October 13, 2014 at 1:47 am #14261
        mjones942
        Customer

          I’ve had the same issue and reversed the order of the menu items as well.

          One problem I’m having as a result is that when I decrease the size of the browser to check the different widths for mobile responsiveness, the menu stays to the right but the navigation order reverses on smaller sizes. Any solution to that?

          October 13, 2014 at 2:20 am #14263
          Genghis7777
          Customer

            Hi Jessy and mjones942

            1. Thanks for trying to help.

            2. You’re quite right, if you change float=left to float=right on the CSS and reverse the order on the menu dashboard you get them the right way around on the site and they are “right justified.”

            3. Have a look at the dev site: http://cbs.thenewblack.dnserver.net.nz/. This is how it looks before making the above changes.

            4. What I’m trying to do is use the sticky header plug-in by themato (https://wordpress.org/plugins/sticky-header/). If you scroll down so that the original header runs off the top of the page, you’ll see the sticky header appear.

            5. You’ll also see that the sticky header menu items are also in the “right order.”

            6. If you implement the changes in Para 2 above, you’ll find that the menu items on the theme’s header are arranged in the order we want, but you’ll find that the sticky header menu items will be in reverse order, mimicking exactly the order from the dashboard menu page.

            7. I have only gone down this path because I wanted to implement within home page navigation. The trouble with within page anchors is that when you click the link to them, the place where the anchor is, is rendered as far up the page as possible. But when I made the original header sticky, it always obscured the content at the top of the page. I never solved that problem, so using this sticky plug-in and making it semi-transparent is my “plan B.”

            Long story, but I hope that explains the situation.

            To sum up,

            a) How to align the primary nav items to the right (right justify) without having to reverse the order on the dashboard menu page; OR

            b) How to implement a sticky header menu without it obscuring content at the top of the page.

            TIA

            You will also see that the menu items are also the right way around.

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