Many many thanks!
Oh… site is bethelartsct.org
Agreed, it’s a small concern indeed. If I get it figured out, I’ll post here for anyone else working on the same function.
Thanks for all your help and thanks again for a most-awesome theme!
Almost! When I put that snip in the media query area for desktop, the button strangely shows up ONLY in desktop. If I put it outside the media query (e.g. in the defaults) it removes it altogether. Which is capital-G Great BUT…
If a user reduces the screen below 767 wide and toggles the menu (on/off), the main menu doesn’t reappear when the window goes back to full size (and the only way to get it to reappear is a browser refresh).
I’m thinking I need to add an explicit command for .menu-primary to the desktop media query?
Edit: I’ve left the test page in this above state if you wanted to take a look…
Close, but not quite. It’s still up at http://184.108.40.206/~robin/.
I’m trying to figure out:
A)how to get rid of the toggle link (currently showing as a purple box) when screen is full width and
B)how to get the menu to return to visible if you toggle it when narrow, then widen the screen. (that is, menu always visible by default in wide mode)
I’ve kept the menu on the test site at http://220.127.116.11/~robin/. Note that if you toggle while the window is narrow, it doesn’t automatically return when the window is widened (EDIT: ONLY IF YOU CLICK ON THE LINK WHEN THE WINDOW IS NARROW. IF YOU DON’T TOGGLE WHEN SMALL, IT WORKS FINE). I’d appreciate anyone’s help/suggestions/advice in:
– removing the toggle link when the window is full width (currently showing as a purple hotlink rectangle because I haven’t altered the CSS (I assume this is because I’m using the “purple” theme color (just modified)) .
– returning the menu to “visible” by default if the user goes from a narrow window to a wide one. (I’m having trouble describing this, but basically making it function JUST like the menu on this appfinite site!)
Many thanks. Y’all rock.
Well, now that I play with it, maybe not exactly “fine” – LOL! When I implement it in Epik it seems to have some differences from the sample. For instance, it requires a manual toggle to turn it back on when a window is resized and it also seems to create a permanent toggle switch in the nav bar. The scheme at my original link seems much more elegant (see the example on the author’s own site). But in either example, I’m thinking there’s just some epik-specific tweak I’m missing? Appreciate the help!
Yeah, I really think that collapsing menu would pretty much make Epik perfect! I had tried that tutorial previously but it wasn’t working for some reason. I just gave it another shot and it’s working fine (I just need to tweak the CSS a bit now).
Quite easy. Just remove the font-family tag from the catch-all H style (where it is currently) and apply font-family params to each H-tag individually.
Body font-family is defined in the body tag, of course.
If you’re like me, what you’re trying to accomplish (logo image left, narrower top nav bar, menu floated to the right (on full size screen), your solution is simply to go in to the “Widgets” menu, then simply move the “Custom Menu” widget into the “Header Right” section. Customize away.
If you need to customize for the height of your logo, that can be done in the edit>functions.php file and modifying this:
// Add support for custom header
add_theme_support( ‘genesis-custom-header’, array(
‘width’ => desired pixel #,
‘height’ => desired pixel #
All good things require a learning curve. Nothing good comes without effort 😉
The Genesis “Simple Edits” plugin makes it very easy for both the entry header and the post meta – simply remove all code from the “Post Info” and “Post Meta” sections. Voila!
Genesis/Epik absolutely rocks!
Also, confirm that you first installed the Genesis framework, then Epik as a child theme. Many of the “look and feel” elements are handled by the appearance>widget menu in the WP dashboard.
The more I play with this theme, the more I love it for its versatility. You’ll get it.
I had the same issue last week – easily solvable. To handle the top nav proportions, you’ll want to drag/use the “custom header” widget in the “header right” area.
Search on this site with “Epik header height” and you’ll see some previous threads covering minor tweaks to the CSS and functions.php file that will help you fine tune.
Duh! It’s always the easiest solutions. Sorry to bug you, Wes. This is, by far, the best WP theme I’ve ever worked with. I don’t hate WP anymore!
I owe you a beer, a coffee, or whatever your preferred vice.
I’m thinking it’s because I floated the .menu items right in CSS. Essentially, I’m trying to achieve the same top nav placement and proportions as shown on the Epik demo site. Is there a better way?