Home › Community Forums › Epik Theme Support › Top Menu Align Right
Tagged: top menu align right
- This topic has 14 replies, 2 voices, and was last updated 8 years, 4 months ago by
Wes.
-
AuthorPosts
-
February 17, 2014 at 10:58 am #10733
GuiLois
CustomerHi 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 #10742Wes
ModeratorI’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 #10770GuiLois
CustomerExcellent. Thank you.
February 18, 2014 at 4:42 am #10771GuiLois
CustomerIs 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 #10783Wes
ModeratorAre 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 #10787GuiLois
CustomerYes, 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.
February 19, 2014 at 3:34 pm #10793Wes
ModeratorHere 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 #10795GuiLois
CustomerThank 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 #10823Wes
ModeratorDo 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 #10828GuiLois
CustomerOK thanks. But getting back to the menu drop down option. Can you advise how I can do the second option you mentioned above?
Thanks
February 20, 2014 at 2:19 pm #10833Wes
ModeratorI 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 #10848GuiLois
CustomerThank 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 #10860Wes
ModeratorI 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 #10870GuiLois
CustomerThanks 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 #10874Wes
ModeratorYou’re Welcome!
-
AuthorPosts
- You must be logged in to reply to this topic.