Changing the order of the front page

Hi Ryan, I was able to change the order of the sections in the front-page template by making the following changes:

1) Make a copy of templates/front-page.php and place it in the child theme folder, within a folder called templates to match the file structure of the parent theme.

2) Change the order of the sections just after this code:

<main id="para-template">
	<div id="skrollr-body">
	<?php

For example, to get the widgets area displaying first, I movied up this chunk to be the first if/end statement within the para-template ID:

if ( 1 != $front_widgets && is_active_sidebar( 'sidebar-2' ) ) :
  get_template_part( 'content', 'front-widgets' );
endif;

I don’t think this will change the load time.

Let me know how it goes.

Awesome thanks I’ve been hoping to be able to do this for a while. I am also having trouble with the widgets aligning correctly for some reason, not sure if you could help with that or if I should create another thread. I’ve used site- origin’s page builder to try and make a “services” page a number of ways but it seems to only ever work correctly and responsively on tablet and phone sizes. Whenever the menu is relegated to the simple menu button rather then the larger layout everything works great with different screen sizes but as soon as the full menu is rendered everything aligns all the way to the left. Any ideas how to fix this?

I’ll change the order and see how that goes in the mean time, thanks.

Forgot to add my website is https://www.ryanmacmorris.com

I’ve used site- origin’s page builder to try and make a “services” page a number of ways but it seems to only ever work correctly and responsively on tablet and phone sizes.

I’m not familiar with the Site Origin plugin, have you tried some simple text widgets instead?

Whenever the menu is relegated to the simple menu button rather then the larger layout everything works great with different screen sizes but as soon as the full menu is rendered everything aligns all the way to the left. Any ideas how to fix this?

Both the responsive and full menus seem to look OK on your site at various screen sizes. If you still need help with this, I’d suggest starting a new thread and providing some additional info, like:

– device on which you’re seeing an issue
– OS of the device
– specific browser and version
– screenshot of the issue
– exact steps to replicate the issue you’re seeing, as I’m not clear from the above

Here’s a guide on how to make a screenshot:
https://en.support.wordpress.com/make-a-screenshot/

You can upload the screenshot – in a graphic format like JPG, PNG, or PDF – in your Media Library, and provide a link so I can see it, or upload it with a service like Imgur or Snaggy.

I’ll give it a shot with simple text widgets but I had the same problem with them as well but these widgets were easier to set up responsively for tablet and phone sizes at least. Here is a link to the screenshots of what is happening on the site now. The first picture is how it looks on what I would think would be normal tablet sizes and you can see that the menu header didn’t stick like it does on the larger screens. The second is how it looks on larger screens and the place I’d like to change it to mimic the first image hopefully. The third is how it looks on phones which I like as well. As for what device etc I am using I’m just resizing my browser for the most part on my macbook running the latest version of yosemite. I have also seen it render like the third image when visiting the site on my iPhone. To replicate the issue you need to simply resize the your window and when the menu goes away you can see the alignment working correctly but not while the header is there.

I will also place this in a new thread but figured I’d cover my bases and post it here as well.