Appfinite

Premium WordPress Themes for The Genesis Framework

Top Menu Align Right

Home › 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.