Top Menu Align Right

Homepage › Community Forums › Epik Theme Support › Top Menu Align Right

Tagged: 

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 17, 2014 at 10:58 am #10733
    GuiLois
    Customer

      Hi all, for some reason (maybe me) my top menu aligns to the left whereas I can see in the demo for Epik it usually is on the right.

      I would like mine on the right as well. How can I set this?

      Thank you

      February 17, 2014 at 4:22 pm #10742
      Wes
      Moderator

        I’m using the “Custom Menu” widget in the “Header Right” widget area. Once you add that you can select the menu that you want to use, and then you can go back and deactivate the Primary Menu location if you’re not planning to use that area.

        February 18, 2014 at 4:34 am #10770
        GuiLois
        Customer

          Excellent. Thank you.

          February 18, 2014 at 4:42 am #10771
          GuiLois
          Customer

            Is there a way to convert the menu into a drop down when the top page is viewed via smaller screens? I’ve seen this on some themes.

            Ive also got white font on white background specifically for the menu area for some reason. Trying to fix that now but nothing comes to mind yet.

            February 19, 2014 at 5:20 am #10783
            Wes
            Moderator

              Are you talking about the same way this site is setup? Resize your browser or view from a mobile device to see what I’m referring to.

              February 19, 2014 at 8:29 am #10787
              GuiLois
              Customer

                Yes, The drop down menu simplifies the mobile screen view a lot. So Im not sure how to do that.

                Also I have white font on white background. For some reason my install has a white background to the menu area as it stands right now without it being a drop down. This can also be seen as a white bar above the menu options in the full screen view version.

                Here is my mobile device version as it stands right now. the white block in the middle has text that you can click but you cant see it until you touch where you think the text would be on the screen.

                my test site mobile view

                February 19, 2014 at 3:34 pm #10793
                Wes
                Moderator

                  Here is one way to do it if you want an icon to display the dropdown – http://bit.ly/Ob2bQ7

                  Here is another way if you want a dropdown to appear instead of the icon – http://bit.ly/1nOqRbp

                  The white background color isn’t coming from the theme, it looks like you’re using a plugin or something to add the menu? I can see that the code is coming from this – http://test.melodypods.com/wp-content/plugins/gallery-bank/assets/css/bootstrap.css …..Which shows this css on line 906 of that css file – 

                  .nav-header {
display: block;
padding: 6px 15px 5px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #777;
text-transform: uppercase;
background: #FAFAFA;
border-bottom: 1px solid #e5e5e5;
}

                  So either remove it from there, or override it by adding the following code inside the theme’s style.css file so it won’t show the plugin’s css – 

                  
.nav-header {
    background: none;
    border: none;
}
                  February 19, 2014 at 4:15 pm #10795
                  GuiLois
                  Customer

                    Thank you Wes! racked my brains over the CSS half a day on that. White background now gone. Thank you.

                    In terms of the menu, it would probably be best for me to have the second option because I’m still hoping to have a full background image at the top underlayimg the title and menu. Any guides for doing that would be much appreciated.

                    Thanks

                    February 20, 2014 at 1:40 pm #10823
                    Wes
                    Moderator

                      Do you mean replacing the current dark gray background that is currently showing? If so, you can add your background image to the .head-wrap in your css and that would replace it.

                      February 20, 2014 at 1:59 pm #10828
                      GuiLois
                      Customer

                        OK thanks. But getting back to the menu drop down option. Can you advise how I can do the second option you mentioned above?

                        i.e. http://bit.ly/1nOqRbp

                        Thanks

                        February 20, 2014 at 2:19 pm #10833
                        Wes
                        Moderator

                          I haven’t seen any tutorials specifically for Genesis…there all for the icon dropdown. So I’d just search WordPress.org to see if they have plugin that you’d like to use – http://wordpress.org/plugins/tags/drop-down

                          February 21, 2014 at 8:43 am #10848
                          GuiLois
                          Customer

                            Thank you Wes but the tutorials are a little beyond me so I will have to park this for now. Thanks for your advice anyway.

                            February 21, 2014 at 9:54 pm #10860
                            Wes
                            Moderator

                              I was referring to a plugin that you could use that will automatically add it for you. If you take a look at this theme – http://demo.appfinite.com/classik/ and resize your browser you’ll see a dropdown menu appear. This is done with this plugin – http://wordpress.org/plugins/dropdown-menus/ ….It won’t be there in the future since I’ll be updating it to Genesis 2.0 and adding the icon dropdown instead, but that plugin or any of the others mentioned above should work fine.

                              February 22, 2014 at 5:57 am #10870
                              GuiLois
                              Customer

                                Thanks Wes. Its a shame the design isn’t using the horizontal lines icon that seems to becoming a standard in mobiles for a menu button.

                                February 22, 2014 at 8:09 am #10874
                                Wes
                                Moderator

                                  You’re Welcome!

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