[LeifQ]

Was taking a stroll down Genesis lane when I realized still a bit of activity here. Here's my journey to FSE from Genesis...

I used the Genesis Block Theme along with the Blocks Pro plugin when they were first released. But its a hybrid theme and wasn't being actively developed.

When Brian Gardner released Frost, which IS an FSE theme, I switched over then and used the Create Block Theme plugin for child themes. I also moved away from Genesis Blocks Pro plugin at that time, opting to stick with core blocks for now.

Frost seems to be WPEngine's FSE anchor in the dotorg repo. Gardner handed Frost over to WPEngine and then went on to release Powder, a stripped down version of Frost. Baselayer, a stripped down version of Powder followed soon after. I've used all three.

[LeifQ]

From what I can tell, around line 1334 in the css file you'll see that for .front-pages-1,-3,-5 and -7 the background-attachment is set to 'fixed'.

  .front-page-1,
  .front-page-3,
  .front-page-5,
  .front-page-7 {
	background-attachment: fixed;
	background-color: #fff;
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
}

Down in the media queries, around line 2269 where the screen max-width is 480, the background-attachment for those same .front-pages is set to 'scroll' - stacking the widget areas in order where .front-pages -2, -4, and -6 don't have background images, just a white background.

Change 'scroll' to 'fixed', or delete the background-attachment, and it should retain the 'parallax' effect.

	
        .front-page-1,
	.front-page-3,
	.front-page-5,
	.front-page-7 {
	    background-attachment: scroll;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background-color: #EEF1F8;
	    border-top: none;
	    margin: 0 auto;
	    padding: 0;
            max-height: 500px;
}

Hope this is the answer you were looking for.

[LeifQ]

Thanks for your input, Summer. That's really helpful.

[LeifQ]

SPP support says it works with Genesis and no known conflicts. Also has money back guarantee. Worth a shot.

[LeifQ]

Thanks, Andy... Mind if I ask what theme you're using it with and if there were conflicts with any other plugins?

[LeifQ]

If you use the Jetpack plugin, activate the 'Widget Visibility' feature and see if that works for you...
http://jetpack.me/support/widget-visibility/

[LeifQ]

Entypo puts out the icons used in the plugin... http://www.entypo.com/faq.php
Here's a png, sprite, and font icon for Houzz.
https://www.dropbox.com/sh/f89sipla2sz2xwh/AACMrkRft_Z9HhSMTH14flAQa?dl=0
You'll have to go to http://fontastic.me/howto to get installation instructions.

Hope this works out for you.

[LeifQ]

Any chance you can post the icon set you are trying to match? You can also give it a go and create your own font icon set like the Genericons widely used in WordPress.

http://fontastic.me/

[LeifQ]

Houzz actually provides their own badges, widgets, and buttons.
http://www.houzz.com/buttonsAndBadges/
I just installed a couple on client sites. I supposed you can save the icon image from the location they provide to customize it. I believe the widget is for WP.com only.

[LeifQ]

Aside from what is in the official WP repo, ManageWP has a pretty nice resource
https://managewp.org/plugins/best

[LeifQ]

(I've been trying to post this but apparently had too many links. oops.)

According to http://docs.garyjones.co.uk/genesis/2.0.0/package-Genesis.Menus.html
the genesis_do_subnav function located at lib/structure/menu.php echos the "Secondary Navigation" menu. This website is internally linked really well, so explore those links.

And you probably already know how to find the classes http://www.genesisframework.com/markup.php and hooks/filters

Hope this helps.

[LeifQ]

Great info on the class changes and plugin.

From what I can tell, it doesn't look like the menu is in the header, though. Or in the header widget. Unless I'm missing something, the classes assigned to this nav element show menu genesis-nav-menu menu-secondary. The menu does collapse with smaller screen sizes, but the responsive menu icon never shows up.

[LeifQ]

I'm just using Firebug on Firefox to look at the Lifestyle Pro demo's style.css That's where I'm getting the code.

Was the responsive menu working before you started editing the child theme files?
And have you been keeping track of your edits?

If so, I'd recommend saving your current child theme with the edits (style.css and any other files you've edited) into a folder on your computer. Then go ahead and install a fresh copy of your child theme (overwrite via FTP) and make sure everything is working as it should. If everything checks out ok, start adding your edits back in checking/testing frequently to maybe see where things went wrong.

It looks like you're early enough into your customization to go back and do this to make sure things are right from the outset. It may save you some headaches in the future, especially when it comes to updates.

[LeifQ]

According to Gary Jones' resource, genesis_do_subnav echos the "Secondary Navigation" menu and can be found in lib/structure/menu.php.

Also take a look at http://genesistutorials.com/visual-hook-guide/

Hope this helps.

[LeifQ]

Yeah, if you're not documenting your changes or using something like GitHub, it's really easy to get lost down those rabbit holes.

I would encourage you to go through it again from the top. Take it slow and take some notes. Maybe even set up a WordPress.com blog to chronicle your journey, upload screenshots, and curate links to the resources you use. Even the database setup becomes routine after the 2nd and 3rd time.

Happy coding!

[LeifQ]

Nice!

[LeifQ]

See if this plugin by Mark Jaquith will help get you there:
https://wordpress.org/plugins/page-links-to/

[LeifQ]

Roberto... right now your graphics are 90px height and the site header is 97px height.

Either try resizing both your graphics to 97px height, or try adding max-height: 90px to the site-header. Instead of loading a graphic in the header widget, maybe throw the image into the site-header background and some text in the widget over that. Should be around line 1098 of your child theme's style.css like so:

.site-header {
	background: url("/wp-content/uploads/2015/02/CintilloA1.jpg") #de0029 no-repeat center; 
	margin: 0 auto;
	padding: 0;
	position: relative;
	max-width: 100%;
	min-height: 90px;
	max-height: 90px;
}

Consider creating the logo as a .png file with a transparent background (except for the white oval in the middle).
But you'll have to play around with the media queries because it'll break again as it responds to smaller screens.

[LeifQ]

Var så god!

[LeifQ]

Compare the style.css file you've been editing with a fresh LifestylePro's style.css file. Especially look towards the bottom in the media queries section around the area
@media only screen and (max-width: 767px)
where you should see classes for responsive menu that look like:

.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}

You can also try deactivating all plugins and turning on one by one to see if there's a conflict.

[Author]

Posts