Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adding Ambiance Pro navigation to Parallax Pro
Tagged: ambiance, icon, menu, navigation, parallax, pro, responsive
- This topic has 8 replies, 5 voices, and was last updated 9 years, 9 months ago by susanta.
-
AuthorPosts
-
September 17, 2014 at 9:03 am #124761Crizzy88Member
Is there a possible way to replace the Parallax Pro navigation with the Ambiance Pro navigation? I would like to have the responsive menu icon showing and users could click on it to show my navigation items.
Is there a snippet or work around this to make it work? Any help is greatly appreciated!
http://crmfresh.com
Thanks!September 17, 2014 at 10:24 am #124770michaelbeilMemberare you wanting the responsive nav menu icon to always be on? when your site is resized it responsively adjusts and shows the icon you are wanting.
September 17, 2014 at 10:27 am #124771Crizzy88MemberYes, just like in the Ambiance Pro navigation where it is always showing and you can click on it to reveal the menu items. I understand it does that when responding to mobile devices. I want it to show in any resolution screen size.
September 17, 2014 at 10:31 am #124774MarcyParticipantWhen did you download Parallax Pro? The last one was v.1.2.1 Updated: 8/29/14
The responsive menus have been added to most of the Pro themes now. The themes are automatically updated to avoid overwriting your changes, but you can download the latest Parallax Pro and use that menu.
If you didn't customize much, you can start with the newest PP.
Just upload it via FTP overwriting your current them, and then just add your customizations back in.
OR
You can copy / do the following from the latest PP:
1. upload the new /wp-content/themes/parallax-pro/js folder; it has responsive-menu.js
2. edit functions.php to add the enqueue responsive-menu.js line
3. edit style.css to add all the menu lines from the latest PP
4. Add in any customizations you made to your menu.While the second has more steps, it only involves finding your changes to the menu and not the entire theme.
Marcy | Amethyst Website Design | Twitter
September 17, 2014 at 10:41 am #124776Crizzy88MemberI do have the latest PP & I have no issue with the responsiveness of the theme. It does exactly what it needs to do. Thanks.
I would just like to make my current navigation on my Parallax Pro website:
And make it look like the Ambiance Pro demo navigation:
September 17, 2014 at 2:17 pm #124818MarcyParticipantI thought Ambiance Pro used the same menu, but it's still different.
Do you have Ambiance Pro? If so, you can copy the menu code sections from Ambiance /js, style.css, and functions.php to your Parallax Pro.
If you don't have Ambiance, and you just want the responsive menu icon to always be in Parallax Pro no matter what the screen size, then the easy method is to find all the menu sections in the Parallax
@media only screen and (max-width: 960px) {
and
@media only screen and (max-width: 768px) {
and move them up just below the
/* Responsive Menu
--------------------------------------------- */
section.
Be sure to keep all the code in the same order. That will get you started.
The menu will still be a drop down.
Marcy | Amethyst Website Design | Twitter
January 14, 2015 at 2:38 pm #137472susantaParticipantHello Marcy,
The site navigation on my site (running on Parallax Pro v 1.2) is either missing or hidden when viewed on mobile devices. Can you help me fix this please?
Site: http://seo-contentwriter.com/
Thanks,
January 22, 2015 at 5:03 pm #138318[email protected]ParticipantHey Susanta!
You've got a fantastic website!!!
May I ask you: how did you manage to add photos above the title of your posts? Would you be able to help ? I will really appreciate!!! here is my first website on Genesis/Parallax: http://www.nicesweethot.com
Best regards,
JacekJanuary 23, 2015 at 12:06 am #138368susantaParticipantHi Jacek,
You have an awesome website.
To display featured images above post titles, please add the following code to your functions.php file:
//* Display Featured Images above Post Titles
add_action( 'genesis_before_entry', 'sk_featured_image_above_title' );
function sk_featured_image_above_title() {
if ( ! is_home() ) {
return;
}remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
add_action( 'genesis_entry_header', 'sk_featured_image', 9 );
} -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.