[sethbahookey]

Hmm so I guess it can't be done then. Thanks for your response community! 😉

[sethbahookey]

Victor, that was it! Thanks so much!!

[sethbahookey]

Figured it out! There was a float:left in the class of that main section and it was screwing it up when it got down to that small of a screen. I created a media query and put in float:none and fixed!

[sethbahookey]

Hi Brad,

So after trying to tweak the settings with no luck I'm wondering what I actually need to to keep the text within the screen after it gets below 350-400px. Any ideas?

Thanks!
Seth

[sethbahookey]

Thanks for quick response as always Brad! I was actually thinking about adding classes to the widgets and fixing it that way, but I feel like it is such poor practice to even be loading content on the front page with widgets. Should I just hard code the content into the front-page.php as it will remain static, or is there an even better practice?

[sethbahookey]

Hi Carasmo,

I really appreciate the feedback! Thanks for discovering these errors. When you mean they are not inside their tag areas, how would I fix this?

Thanks!

I'll also check out the adaptive image plugin.

Seth

[sethbahookey]

Hey Tom,

Sure thing! Here is the site on my staging server edge.dandycatdesigns.com

You can see that the backstretch.js is making the image stretch beyond the confines of its area. What I would like is for this picture to fit neatly within it without it expanding. I'm almost wondering if I need to do away with the JS and just hook the picture in then use background: cover?

Thanks for your help!
Seth

[sethbahookey]

Awesome that did it Tom thanks!

I have a follow up question with this though 🙂 It looks like the image just keeps expanding in the center and the top of the picture isn't flush with the bottom of the site header. I'm assuming this has something to do with the backstretch.js file? Any idea on how I can get the image to show it's actual size opposed to the js file stretching it out ? I like the parallax effect and I like how it crops off the sides as the width gets smaller. I just want it to reflect the actual size of the picture instead of it stretching.

Thanks!

[sethbahookey]

Perfect! Thank you Sridhar!!

[sethbahookey]

Thanks for the feedback!

Actually I just figured it out. It was because I was using the class .dashicons which is technically in it's own style sheet so it kept getting overwritten by those rules.

To solve the problem, I wrapped my HTML in a div tag with a class then I just took the stylings and put that class in front of it in the css. So .mypage .dashicons.

The only thing I forgot to do was add the .mypage class to all my other sections in the stylesheet because the specificity is higher now that I have that .mypage in front.

[sethbahookey]

thanks!

[sethbahookey]

Ok I think I have this figured out, but I don't think the styling is 100% still any suggestions would be greatly appreciated..

So first thing is first.. I had the menu in the right header widget area. I removed the menu from that and unregistered it first

//* Unregister the right header widget area
unregister_sidebar( 'header-right' );

Then I had to create secondary menu area as Centric Pro doesn't have that as a default

//* Registering a new menu area
add_action( 'init', 'register_additional_menu' );
function register_additional_menu() {
	register_nav_menu( 'secondary' ,__( 'Secondary Navigation Menu' ));   
}

Then I had to reposition the primary and secondary nav up into the right hand side of the header area

//* Remove the default hook locations and move into right header
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_header', 'genesis_do_nav', 12 );

remove_action( 'genesis_after_header', 'genesis_do_subnav' );
add_action( 'genesis_header', 'genesis_do_subnav', 12 );

Finally I created a conditional for it to load based on whether it was a front page or standard page

//* Conditionally load menus
add_action( 'genesis_header', 'front_page_load' );
function front_page_load() {
	if ( is_front_page() ) {
		add_theme_support( 'genesis-menus', array( 'primary' => __( 'Primary Navigation Menu', 'genesis' ) ) );
	} else {
		add_theme_support( 'genesis-menus', array( 'secondary' => 'Secondary Navigation Menu', 'container_class' => 'genesis-nav-menu', 'genesis' ) );	
	}
}

Then I had to do a whole bunch of style edits to the style sheet :/ It looks alright, but I still think there is a better way to do this.

[sethbahookey]

Brad,

It doesn't look like I can target this menu because technically it is a widget in the Right Header widget section. I've spent quite some time on this today and I'm not much closer to a solution.

I only want a front page menu on the front page and then for the rest of the pages I'll have a standard menu.

Is there a simple tutorial to this? I haven't been able to find a guide for Genesis specifically on how to do this.

[sethbahookey]

Thanks so much Brad! You always come out of left field with a great tutorial that you have created. 😀

[sethbahookey]

Moody,

I noticed that the site kinda looks ok if i have it at a width of 1024 or less in resolution anything greater and it gets all messed up. Do you notice that too or is it just my computer?

[sethbahookey]

Whoops! Sorry guys I changed the domain for it

it's now at dev.dandycatdesigns.com

Thanks

[sethbahookey]

After some further investigation I think I know what the problem is, but I do not know how to solve it.

If you look at the demo page, you'll notice that the Learn More button is wrapped in a p tag. In my site the text and the learn more button are wrapped in the same p tag. How can I break these up?

Thanks

[sethbahookey]

Moody,

Thanks for the quick response! You have been on top of my posts lately and I really appreciate that 😀

Yes, I want the button to go to the right. Basically if you look at the demo of the Centric theme I'm trying to mirror that demo site with my own stuff. You'll notice that the text and button are both on the right hand side. I followed the guide that was given with the purchase of this theme. Yet I'm struggling 🙁

Not sure what to do and maybe I'm just messing the feature page widget up? But I really don't think I am.

Regards,
Seth

[sethbahookey]

Moody,

Yep that's what I meant this whole time 😀 just a single page where I can simply scroll through. I understand I wouldn't be able to see every little bit of the theme, but it'd be nice to have that 30k view of the front page so I can quickly see if it's something I'd even like then I can go and preview the demo.

Erik,

Nope, not trolling at all! Just trying to remain humble as I continue to improve my skill sets in the Genesis realm and I'd rather not come off as a jerk 🙂

At any rate, I'm glad we did have a little discussion and some back and forth on this topic. Maybe I can mention it to Brian during the WorkShop next week 😀

[sethbahookey]

I mean no offense at all! haha I'm simply making a suggestion!

Nothing that Studio Press has on their site right now offers what I'm talking about. Frankly, I don't want to spend an hour going through a whole bunch of loading and reloading 70 different themes as I mentioned earlier. Especially when there aren't even themes on the shop for themes page. I feel like it's pretty inefficient to have to download the theme install it on a local copy of WP. After a few weeks I'll probably forget what it looks like and I'll have to do it all over again :/

Some of themes I'm not seeing on the shop for theme section:

Bee Crafty
Blissful
Delicious
Family Tree
Lexicon

etc etc

That's the first half of the list. Anyways, I feel like I'm just upsetting people instead of trying to come up with a constructive idea to make it a faster process for Pro members to be able to quickly reference all themes when looking to build a new website. Apologies for ruffling any feathers.

Cheers,
Seth

[Author]

Posts