alexWP333

Hi Geoff,

My site is running WordPress 4.7, The Events Calendar 4.3.5, and v2.1.2 of the Genesis Framework (Outreach Pro theme).

The other 11 plugins that are installed and activated on the site are: Custom Meta Box Template, Email Address Encoder, Genesis Responsive Slider, Genesis Simple Edits, Quotes Collection, Regenerate Thumbnails, Secure and Accessible PHP Contact Form, Simple Sitemap, Simple Social Icons, Ultimate Coming Soon Page, and WenderHost Subpages widget.

Is it best to start troubleshooting by deactivating these other plugins?

Alex

Thanks Brian!

I tried removing the order parameter, but it didn’t have any effect on the sequence. The only event-related plugins that are installed on the site are the Events Calendar (by Modern Tribe) and The Events Calendar Shortcode (by Event Calendar Newsletter).

I’m using a Genesis child theme, and I don’t think that they would have any sequence functions that are different from TwentySixteen.

I’m surprised that Modern Tribe doesn’t have a settings option to simply list events from top to bottom in a chronological order. I was excited to find the Events Calendar Shortcode plugin, as it seemed like it would allow me to reverse Modern Tribe’s default sequence.

Do you know of any other plugins that I could try, that would be compatible with Modern Tribe’s Events calendar plugin?

Can anyone help me out with this?

If it’s of use, the web page where I have the MailChimp sign up form is at https://www.thesevenfoldstudio.com/blog/

Here’s the hook that I’m using in the child theme’s function.php file:

add_action( 'wp_enqueue_scripts', 'customize_Pretty_Photo_in_child_theme', 99 );
function customize_Pretty_Photo_in_child_theme(){
        wp_deregister_script('prettyPhoto');
        wp_register_script('prettyPhoto', get_stylesheet_directory_uri().'/custom-js/jquery.prettyPhoto.min.js',
        array( 'jquery'), '3.1.6', true);
        wp_enqueue_script('prettyPhoto');
}

The lightbox that I’m using is here.

James, thanks again for your advice on unhooking the primary navigation!

I got it to work. For anyone else that’s looking to get the logo to be inline with the main navigation you can add the following in your child theme’s functions.php file.

add_action( 'init', 'storefront_inline_logo' );
function storefront_inline_logo() {
	remove_action( 'storefront_header', 'storefront_primary_navigation', 50 );
	add_action( 'storefront_header', 'storefront_display_inline_logo', 50 );
}

function storefront_display_inline_logo() {
?>
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Primary Navigation', 'storefront' ); ?>"><div id="myInlineLogo"> ... logo goes here ... </div>
		<button class="menu-toggle"><?php echo esc_attr( apply_filters( 'storefront_menu_toggle_text', __( 'Navigation', 'storefront' ) ) ); ?></button>
			<?php
			wp_nav_menu(
				array(
					'theme_location'	=> 'primary',
					'container_class'	=> 'primary-navigation',
					)
			);

			wp_nav_menu(
				array(
					'theme_location'	=> 'handheld',
					'container_class'	=> 'handheld-navigation',
					)
			);
			?>
		</nav><!-- #site-navigation -->
		<?php
}

I just used an alternative approach which seems to work.

I opened up the file at wp-content/themes/storefront/inc/structure/header.php, and went to line 54.

<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Primary Navigation', 'storefront' ); ?>">

Then, I placed a div for my logo right after the code on line 54.

<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php _e( 'Primary Navigation', 'storefront' ); ?>"><div id="siteLogo"> ... logo goes here ... </div>

The logo then appears inline with, and just to the left of, the primary navigation.

My only question now is how to copy this header.php file to my child theme’s directory, so that it doesn’t get overwritten by the next update.

Normally, I would just copy the header.php file into the child theme folder, but in the case of the Storefront theme there are two header.php files: one at wp-content/themes/storefront/header.php, and another at wp-content/themes/storefront/inc/structure/header.php.

My guess is that I’d copy the header.php that’s in the inc folder over to my child theme’s folder. Does this sound right?

Sorry for the confusion. The idea to remove the primary navigation came from the instructions that were provided on this other forum post.

I’m basically looking for the hook that I’d need to use to get the navigation to appear to the right of the logo (instead of under it).

Many thanks James,

I feel comfortable coding it manually.

It looks like I may need to remove the primary navigation, using:

add_action( 'init', 'jk_remove_storefront_primary_nav' );
function jk_remove_storefront_primary_nav() {
remove_action( 'storefront_header', 'storefront_primary_navigation', 50 );
}

…and then style using CSS.

Would using this hook/action fix the problem of the secondary nav disappearing in mobile view, or would I need to rehook it somehow?

…perhaps something like this?

function jk_add_storefront_primary_nav() {
add_action( 'storefront_header', 'storefront_secondary_navigation', 50 );
}

I’d appreciate any corrections to this code that you could send.

Thanks Andrew. I’ll look at both of the links that you sent me.

Thanks anyway for looking over the question.

Is there someone you know, and could recommend, that would be able to do this for me? If not, I’d need to post an ad for someone who was well versed in PHP, Javascript, and WordPress. Does that sound right, or are there any other skills that you think they’d need to have?

This would be a useful feature in that it would do two things.

The first would be to get the WooCommerce Product Categories section out of the Sidebar, and into the main content area. For mobile phone visitors this would mean that the Product Categories nav list would always appear above the main content of the shop pages, instead of below with the rest of the sidebar widgets. I’ve already done this part by registering a secondary menu, and placing it in the main content area.

Secondly, giving the Product Categories nav list a toggle feature would make it so that, for mobile phone visitors, the initial view of the shop pages could display a collapsed product navigation, which in turn would give a bit of room in the main content area to see the actual product images.

Thanks very much Brook.

I looked at the code snippet that you sent me the link to, for reversing the order of the past events pages.

Can you tell me, specifically, what slight modifications I’d need to make to this code snippet, so that it reverses the order of the events widget that’s on the Home page?

Great. Many thanks!

Here’s the link to the site.

Thanks for your help.

I created a new subfolder under my storefront-child folder, and called this new subfolder “woocommerce”.

Next, I copied the original archive-product.php file (the one that was in the woocommerce > templates folder) and placed this copy into my new “woocommerce” subfolder.

Lastly, I modified the code in this new archive-product.php file that’s in the “woocommerce” subfolder.

Since the modifications that I made were to the new copy of the archive-product.php file that’s in the “woocommerce” subfolder, I’m hoping that any future updates to WooCommerce will not wipe away the customizations that I’ve made.

Does this sound like a safe assumption for me to make?