Forum Replies Created
-
AuthorPosts
-
olivier.moreauMember
Hi Brad
The first solution is very interesting in case you want a custom page with it's own widget.
The second solution is much simpler. To summarize it for the benefit of other readers :
1. Download the template "home.php" locally via FTP
2. Modify the template by adding on top :
/*
Template Name: Custom Home Page
*/
3. Rename the template "page_custom.php" and upload it
4. Create a new page that is totally empty. You can call it "Home" and use the permalink : mysite.com/home
5. Use the new "Custom Home Page" template for that new page (if it's not showing you forgot step 2).
6. Create a new page that contains whatever you want and use the "Landing" template.
7. On that page make a link to your custom page (simple link or big flashy button).
8. In the Genesis settings set the “Static Front Page” to the Landing page
9. If you want to skip the landing page, reset the Genesis settings to “Your latest posts”.That's it Landing page AND classic Home page to have catchy sites !
============However there is still a minor problem with all that.
That new "Custom Home Page" has breadcrumbs like any other pages because in Genesis settings we have :
Breadcrumb Enable on:
Homepage Posts Pages Archives 404 Page Attachment Page (no custom_page !)Brad thanks again for your outstanding support (even on Sunday evening !)
olivier.moreauMemberHi Brad,
This is so cool ! I tried it right away and it works. You can check the site.
However I'd prefer to use the same widgets on the classic home template and the custom_home template. Like that when I want an intro page to do special announcement, I set the "Static Front Page" to the Landing page (that redirect to the custom_home with a button) and when there's nothing special, I just use the setting "Your latest posts".
Do you think it's possible ?
olivier.moreauMemberHi Navitas and Brad
The problem can be summarized to : How to create a page and assign the .home template to it ?
In the Agency theme there are only Default, Blog, Archive and Landing as templates choices...
olivier.moreauMemberHi Brad
My site is just in preparation and my question is neither site or theme specific.
Yet you can take a look at groupe-css.com
I'd like to set it to reach the static page groupe-css.com/landing (it's just a youtube video for now) and then click on a button and reach the home page.
Any idea how to do that ?August 24, 2013 at 10:18 am in reply to: How to add a mobile responsive menu to your Genesis WordPress website #58596olivier.moreauMemberHi again John
I made more changes in the code and got it just the way I like.
For change #1, I changed (in fonction.php) the action hook genesis_header to genesis_header_right. I did not change the priority. I found that by installing the plugin Genesis Hook to see what was going on.
That change put the "Menu" just beside the search bar. Unfortunately that search box was a bit too large so I also changed its width in style.css
/* Search Form.s {
border: 1px solid #aaa;
color: #666;
font-family: 'PT Sans', sans-serif;
font-size: 14px;
margin: 0 -7px 0 0;
padding: 6px 5px;
width: 120px; /*OMCSS old value =170px*/
}
For change #2, I simply followed your suggestion : I changed the action hook genesis_before_footer to genesis_after_footer.
In my case the menu looks better there but before the footer is fine too.Your code could be included in the "Code Snippets" of Studiopress... I'm sure many people could use it.
This is the first time I played with Genesis Hooks and I now understand the power it gives. This is a very cool feature of the framework !
This is also the first time I used this forum and I'm very impressed with the quality of support I received from you. Thanks a lot again.
August 23, 2013 at 2:48 pm in reply to: How to add a mobile responsive menu to your Genesis WordPress website #58514olivier.moreauMemberThis reply has been marked as private.August 23, 2013 at 2:43 pm in reply to: How to add a mobile responsive menu to your Genesis WordPress website #58512olivier.moreauMemberThis reply has been marked as private.August 23, 2013 at 2:11 pm in reply to: How to add a mobile responsive menu to your Genesis WordPress website #58500olivier.moreauMemberHi again John
I tried your code and it works just fine. Great stuff, thanks a lot.
However I'd like to make two changes :
1- At top the "Menu v" is in the header and it would look nicer under the header (same place than the menu on large screen)
I changed :
.mobile-footer-nav-link {
display: inline-block;
float: right;
/* line-height: 2; */ /* adjust to suit your theme - Metro needs this */
margin: 8px; /* adjust to suit your theme - CHANGED TO 120px */
max-width: 30%; /* for iOS */
white-space: nowrap;
}
but there is a bad side effect 🙁 A huge empty space under the menu...2 - At the bottom, I'd like to display the menu under the footer instead of above.
I just cannot figure out where to do that in the code.August 23, 2013 at 7:36 am in reply to: How to add a mobile responsive menu to your Genesis WordPress website #58401olivier.moreauMemberThanks for your long reply John.
I fully agree about your philosophy of "learning by mistakes as long as you have a backup". When I do modify CSS or PHP files it's with FTP plus jEdit and not with the yucky build in editor. I also always leave some /*TAG*/. So far, I only did small changes (like colors or font size) but your example is a HUGE modification and I don't understand all of it. I really appreciate that you offer to help if I get stuck, although I hope to not need your support. I'll let you know when it's done...August 23, 2013 at 5:53 am in reply to: How to add a mobile responsive menu to your Genesis WordPress website #58390olivier.moreauMemberHi John
Thanks for sharing your solution but I'm a bit afraid to try it when I read :
This CSS that I’ve worked up should work on any Genesis website, though you may need to modify it to blend in seamlessly with your website.
I'm not at ease with modifying CSS or PHP and I would expect to have a responsive menu directly in a pro theme like Genesis Agency. I noticed that the new basic WP theme "twenty thirteen" contains a responsive menu and also a search tool looking just fine on a smartphone...
Another thinks that bothers me is changing a child theme which is not mine. When Studiopress will do an update, we'll have to inject that code again ? -
AuthorPosts