[addiesgram]

Thank you for responding (we share the same first name : )

This is the code I used to create and position the new custom widget:

//* Register a new custom widget
genesis_register_sidebar( array(
'id' => 'custom-widget',
'name' => __( 'Custom Widget', 'genesis' ),
'description' => __( 'Custom Widget Area', 'childtheme' ),
) );

//* Position the new custom widget below the header
add_action( 'genesis_after_header', 'add_genesis_widget_area' );
function add_genesis_widget_area() {
                genesis_widget_area( 'custom-widget', array(
		'before' => '<div class="custom-widget widget-area">',
		'after'  => '</div>',
    ) );

}

The code you gave me:

//* Reposition the primary navigation menu
remove_action( 'genesis_before_header', 'genesis_do_nav' );
add_action( ‘genesis_after_header’, ‘genesis_do_nav’ );

placed the menu between the site title and the new custom widget -- I left it there so you can see it. Client wants the menu below the custom widget.

[addiesgram]

Unfortunately I'm not confident I could do the css customizations on my own. This leaves me a little stuck since none of the child themes come already set up for the layout she wants.

[addiesgram]

Thank you for responding -- so, are you suggesting to use Genesis without a child theme? Or is there a child theme that would work? I was going to use Lifestyle Pro -- it has a primary and secondary sidebar, no header right sidebar. In Portfolio Pro the info in the Header Right area says it is not equipped for a widget and is intended to work with the custom menu. Not being a coder I would not know how to make it useable for my purposes (styling and repositioning).

As an aside, is there a reason this very 'conventional' layout of the header elements (site title - header image - nav bar) became almost extinct with the advent of responsive design? Just curious.

[addiesgram]

Ah! I thought the Primary menu location was the Header Right area. It's fixed now. Thanks for the help, really appreciate it.

[addiesgram]

Thanks Jackie -- Yes, my custom menu is in the Header Right widget area. That is where I want it. The secondary location, below the header, is where I can't remove it even after unchecking the secondary location box in the Manage Locations area.

[addiesgram]

Thank you, this worked. I really appreciate your help.

[addiesgram]

Got it -- thanks Brad : )

[addiesgram]

In Design Palette Pro (with the Freeform CSS plugin), you can add css to one of four boxes with the following headers:

This CSS will apply site-wide.
This CSS will apply to 480 px and below.
This CSS will apply to 768 px and below.
This CSS will apply to 1024 px and above.

Initially I added the code you gave me:

.site-header {
    max-height: 300px;
}

to the site-wide box. That resolved the issue in desktop view and I believe in smaller mobile view. I then added the code to the "768 px and below" box but the unwanted piece of header is still showing. I'm not sure where to go from here. I can work with the styles.css file so if you have another suggestion I could try adding it directly in styles.css.

Thanks again for your help with this. I'm so close, I really hope I can make this work.

[addiesgram]

Will do, but -- I just discovered that while the code works in desktop view, it is not working on my iPad. I don't have a smartphone so can't check it right now. Any thoughts on further refinements?

Edit: That 'extra' piece of header area appears again at a certain point as I'm resizing the browser window (both Firefox and Safari). It disappears again as the window size gets smaller.

I'm thinking maybe this approach to responsive header images is a little too unpredictable/unreliable?

[addiesgram]

Thanks so much for your help Lynn. Interesting -- when I added your max-height code to the styles.css file nothing changed, but when I added it in the Freeform CSS box in Design Palette Pro, it worked. I'm curious about why and if this an OK solution? And should I just leave the code in the styles.css file?

[addiesgram]

I'm getting it. Did you mean to say .credits-rights after .credits-title ?

I'll try this tomorrow and post again if I run into trouble with it. Thanks so much for responding!

[addiesgram]

I followed the SP tutorial for customizing the footer which does not involve css. Hence the rather awkward way of creating spaces.

//* Customize the entire footer
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'sp_custom_footer' );
function sp_custom_footer() {
	?>
	<p>&copy; Copyright 2015&nbsp;&nbsp;   Torey Rice, LMFT&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;       All Rights Reserved   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Site Design: <a href="http://healingartistwebsites.com/"target="_blank">Healing Artist Websites</a>  </p>
	<?php
}

[addiesgram]

Thanks Julia -- I need to become more CSS-fluent!

[addiesgram]

I located the media queries sections of the style.css file but changing the max-width values really doesn't work unless you do adjust other css values in those sections. I had a web design pro experiment with the max-width values and he gave up because although the breakpoints changed a number of design elements got funky.

Thank you for responding though.

[addiesgram]

GeoffW, I'd sure like to know the solution you found. I have the same issue with Sixteen Nine.

[addiesgram]

I know I'm resurrecting an older thread but I just set up a Sixteen Nine theme and I'm having the same concern about how "early" the menu goes horizontal. I would like to still see the vertical (side) menu on my iPad 2 (9.5" x 7.31"), at least while holding the iPad in horizontal view.

Did this issue ever get resolved?

This is my first SP theme -- I sure need some help with this. Thanks

site: http://sharonthompsonwilsonmft.com

[addiesgram]

Update -- I figured this one out : )

[Author]

Posts