Adding Ambiance Pro navigation to Parallax Pro

[Crizzy88]

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!
Thanks!

http://crmfresh.com

[michaelbeil]

are 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.

[Crizzy88]

Yes, 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.

[Marcy]

When 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

[Crizzy88]

I 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:

[Marcy]

I 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

[susanta]

Hello 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,

[[email protected]]

Hey 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,
Jacek

[susanta]

Hi 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 );
}

[Author]

Posts