m

Hey Kronos,

Thank you very much, it worked!!!

I truly appreciate it. Yes, you are right, it had to be a typo of some sort when I was modifying it a while ago.

Thanks again, very helpful!

Ok Eric, thank you for your time, appreciate it very much!!!

Wes, thank you very much!!! I appreciated it a lot.

Strangely I did not change the first part (functions) or maybe I did but do not remember.

Thank you again and stay well!!!

Wish you tons more success with your fantastic Epik theme!!!

Hey Wes, I purged the cnd completely as I use Maxcdn and cleared all caches multiple times and it does not seem to work.

If there is a way I can message you privately, I will send you admin login into the WP of my site, I have it backed up in case something goes wrong, no worries.

Thank you very much, really appreciate it!

Thank you Wes and Jason again for your help.

Unfortunately for me, I am not understanding yet how to move the whole block of 9,10,11,12,13,14 and make it show after the block #4.

Thank you for all your help, do not feel like bothering you again.

You have been very supportive and I appreciate it.

Thank you!

Thank you very much Jason for your reply! I appreciate it.

Yes, I do use ftp in case something goes wrong, plus I make regular backups at the hosting level, WordPress level and manually as well.

Just trying to figure how to edit this home.php file to achieve this change of display order. Unfortunately for me, I use all the widgets, which is why I need to move 9,10,11,12,13 up right after 4.
If anyone can suggest how, here is the code:

<?php

add_action( ‘genesis_meta’, ‘epik_home_genesis_meta’ );
/**
* Add widget support for homepage. If no widgets active, display the default loop.
*
*/
function epik_home_genesis_meta() {

if ( is_active_sidebar( ‘slider-wide’ ) || is_active_sidebar( ‘slider’ ) || is_active_sidebar( ‘welcome-wide’ ) || is_active_sidebar( ‘welcome-feature-1’ ) || is_active_sidebar( ‘welcome-feature-2’ ) || is_active_sidebar( ‘welcome-feature-3’ ) || is_active_sidebar( ‘home-feature-4’ ) || is_active_sidebar( ‘home-feature-5’ ) || is_active_sidebar( ‘home-feature-6’ ) || is_active_sidebar( ‘home-feature-7’ ) || is_active_sidebar( ‘home-feature-8’ ) || is_active_sidebar( ‘home-feature-9’ ) || is_active_sidebar( ‘home-feature-10’ ) || is_active_sidebar( ‘home-feature-11’ ) || is_active_sidebar( ‘home-feature-12’ ) || is_active_sidebar( ‘home-feature-13’ ) || is_active_sidebar( ‘home-feature-14’ ) ) {

remove_action( ‘genesis_loop’, ‘genesis_do_loop’ );
add_action( ‘genesis_after_header’, ‘epik_home_loop_helper_top’ );
add_action( ‘genesis_after_header’, ‘epik_home_loop_helper_welcome’ );
add_action( ‘genesis_after_header’, ‘epik_home_loop_helper_middle’ );
add_action( ‘genesis_after_header’, ‘epik_home_loop_helper_mid_bottom’ );
add_action( ‘genesis_after_header’, ‘epik_home_loop_helper_bottom’ );
add_filter( ‘genesis_pre_get_option_site_layout’, ‘__genesis_return_full_width_content’ );

}
}

/**
* Display widget content for “Slider Wide” and “Slider” sections.
*
*/
function epik_home_loop_helper_top() {

genesis_widget_area( ‘slider-wide’, array(
‘before’ => ‘<div class=”slider-wide”><div class=”wrap”>’,
‘after’ => ‘</div></div>’,
) );

genesis_widget_area( ‘slider’, array(
‘before’ => ‘<div class=”slider”><div class=”wrap”>’,
‘after’ => ‘</div></div>’,
) );

}

/**
* Display widget content for the “Welcome-wide”, “Welcome Feature 1”, “Welcome Feature 2”, and “Welcome Feature 3″ sections.
*
*/
function epik_home_loop_helper_welcome() {

if ( is_active_sidebar( ‘welcome-wide’ ) || is_active_sidebar( ‘welcome-feature-1’ ) || is_active_sidebar( ‘welcome-feature-2’ ) || is_active_sidebar( ‘welcome-feature-3’ ) ) {

echo ‘<div class=”welcome”><div class=”wrap”>’;

genesis_widget_area( ‘welcome-wide’, array(
‘before’ => ‘<div class=”welcome-wide”>’,
‘after’ => ‘</div>’,
) );

echo ‘<div class=”welcome-features”>’;

genesis_widget_area( ‘welcome-feature-1’, array(
‘before’ => ‘<div class=”welcome-feature-1″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘welcome-feature-2’, array(
‘before’ => ‘<div class=”welcome-feature-2″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘welcome-feature-3’, array(
‘before’ => ‘<div class=”welcome-feature-3″>’,
‘after’ => ‘</div>’,
) );

echo ‘</div><!– end .welcome-features –></div><!– end .wrap –></div><!– end #welcome –>’;

}

}

/**
* Display widget content for “Home Feature 1, 2, 3, and 4″ sections.
*
*/
function epik_home_loop_helper_middle() {

if ( is_active_sidebar( ‘home-feature-1’ ) || is_active_sidebar( ‘home-feature-2’ ) ) {

echo ‘<div class=”home-feature-bg-alt”><div class=”wrap”>’;

genesis_widget_area( ‘home-feature-1’, array(
‘before’ => ‘<div class=”home-feature-1″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘home-feature-2’, array(
‘before’ => ‘<div class=”home-feature-2″>’,
‘after’ => ‘</div>’,
) );

echo ‘</div><!– end .wrap –></div><!– end #home-feature-bg-alt –>’;

}

genesis_widget_area( ‘home-feature-3’, array(
‘before’ => ‘<div class=”home-feature-bg”><div class=”wrap”><div class=”home-feature-3″>’,
‘after’ => ‘</div></div></div>’,
) );

genesis_widget_area( ‘home-feature-4’, array(
‘before’ => ‘<div class=”home-feature-bg-alt”><div class=”wrap”><div class=”home-feature-4″>’,
‘after’ => ‘</div></div></div>’,
) );

}

/**
* Display widget content for “Home Feature 5, 6, 7, and 8″ sections.
*
*/
function epik_home_loop_helper_mid_bottom() {

genesis_widget_area( ‘home-feature-5’, array(
‘before’ => ‘<div class=”home-feature-bg-dark”><div class=”wrap”><div class=”home-feature-5″>’,
‘after’ => ‘</div></div></div>’,
) );

genesis_widget_area( ‘home-feature-6’, array(
‘before’ => ‘<div class=”home-feature-bg-alt”><div class=”wrap”><div class=”home-feature-6″>’,
‘after’ => ‘</div></div></div>’,
) );

genesis_widget_area( ‘home-feature-7’, array(
‘before’ => ‘<div class=”home-feature-bg”><div class=”wrap”><div class=”home-feature-7″>’,
‘after’ => ‘</div></div></div>’,
) );

genesis_widget_area( ‘home-feature-8’, array(
‘before’ => ‘<div class=”home-feature-bg-alt”><div class=”wrap”><div class=”home-feature-8″>’,
‘after’ => ‘</div></div></div>’,
) );

}

/**
* Display widget content for the “Home Feature 9, 10, 11, 12, 13, and 14″ sections.
*
*/
function epik_home_loop_helper_bottom() {

if ( is_active_sidebar( ‘home-feature-9’ ) || is_active_sidebar( ‘home-feature-10’ ) || is_active_sidebar( ‘home-feature-11’ ) || is_active_sidebar( ‘home-feature-12’ ) || is_active_sidebar( ‘home-feature-13’ ) ) {

echo ‘<div class=”home-feature-bg”><div class=”wrap”>’;

genesis_widget_area( ‘home-feature-9’, array(
‘before’ => ‘<div class=”home-feature-9″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘home-feature-10’, array(
‘before’ => ‘<div class=”home-feature-10″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘home-feature-11’, array(
‘before’ => ‘<div class=”home-feature-11″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘home-feature-12’, array(
‘before’ => ‘<div class=”home-feature-12″>’,
‘after’ => ‘</div>’,
) );

genesis_widget_area( ‘home-feature-13’, array(
‘before’ => ‘<div class=”home-feature-13″>’,
‘after’ => ‘</div>’,
) );

echo ‘</div><!– end .wrap –></div><!– end #home-feature-bg –>’;

}

genesis_widget_area( ‘home-feature-14’, array(
‘before’ => ‘<div class=”home-feature-bg-alt”><div class=”wrap”><div class=”home-feature-14″>’,
‘after’ => ‘</div></div></div>’,
) );

}

genesis();

Thank you again!

Eric thank you very much! Got it.

Eric thank you for the reply! What I am confused about and am not quite clear is, I did make some changes to the appearance of the theme, like inserting custom code to the Epik theme functions file like:

// Add support for custom header
add_theme_support( ‘genesis-custom-header’, array(
‘width’ => 120,
‘height’ => 64
) );

When I upload the new theme, I would do this through ftp, but do you have a tutorial just to see which folder is to be replaced in the “public html folder” of godaddy?

Thank you!

I solved this by adding span style specifying font size and color but the line height between the words is still higher than normal, will wait for someone to post a fix, hopefully. Thank you anyone in advance!

You might be right, I contacted the sliders designers, if I get a solution, I will post it here. Thank you again for your prompt reply, time and help!

Eric thank you again for taking the time to help me, I truly appreciate it!

I did exactly like you said, first I removed the min-height 164px, removed the line of code height 77px then I adjusted this:

.header-image .site-header .widget-area {
padding: 10px 0;
padding: 1.0rem 0;

The nav is back into the blue area on the phone and iPad. I only have one curiosity left if you could answer it please:

Why is it that I had to modify the css this way to make it look like the demo but the css in the demo is different?
Meaning, in the demo the height of the header is small indeed in the css Wes keeps the min-height to 164 and neither he had to adjust the padding rem in the line above, what makes the difference?

Thank you again Eric, I appreciated your help!

Eric thank you for your help, truly appreciate it. The logo issue is solved, the solution was in editing the php functions so I could upload the size of my logo.

Now I have another issue:

In the Epik demo there is no line of code to make the header 77px. I had to insert that line myself to make my header look like the demo’s one.
It is obviously not the right solution because when you look at my site from an iPad vertically or from a smartphone you will see the “custom nav menu” appears in the grey area, then you see the slider. I wanted the “custom nav menu” to appear in the blue area right after the logo just like in the demo.

The demo is responsive to the tablet/phone but not my site. I hope you can help me getting out of this tunnel 🙂
Thank you!