[Jeremy Holden]

I updated the snippet with jquery to add the id attribute on for the error on the WordPress updates page.

One thing to be aware of is that the Genesis Blocks key is the only error showing in the code so if other errors are ever displayed inside the same <div> then they will also be hidden. That being said, any other errors generated should be inside their own <div> and wouldn't be affected.

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I don't see the classes you have in your js at all on the site so I don't really know what you're trying to do.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I'm not sure I understand what you are trying to do. The image you have is covering the whole width (at least on my screen).

You can add background-size: 100% to the body class at line 168 to make it fit any screen.

Both of the examples you gave use javascript so the background will scroll seperate from the rest of the page.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

can you give a link to your site and the image you're trying to use?

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

Is there a reason you're trying to use a shortcode rather than just the full embed code?

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

This might be what you're looking for:

http://sridharkatakam.com/expanding-search-box-genesis/

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

That's not too strange. Widget areas have different names so it's not surprising, for example, that home section 1 could end up in home middle and then in home section 2 when reverting back.

At least you found them.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

Hey there,

The sample theme doesn't have any media queries in it. They can be added without too much trouble but it really depends on the details of what you want in your design.

To answer your questions, if you want to start over, you can download the theme again from your Studiopress account, unzip the files in new folder, copy the original style and functions files to your site using ftp or file manager.

There are many great tutorials you can find to address specific issues (for instance this one will work to make your menus responsive). When searching it's best to include "genesis" along with what you're looking for - you can find a lot out there that doesn't work or is more complicated than necessary with Genesis.

You can get another theme-if you originally purchased your theme through Studiopress you should be able to get a returning customer discount-just make sure you're logged in and the discount will be shown and applied. I don't know that you will find any more support than is already available to you. Carrie is great but support is usually limited to bugs and technical issues. Set up and styling is left up to you and community members who will volunteer their time to answer specific questions.

If you don't have the know how or the time to learn it might be best to find a theme that has the basic look you want and just use it as is. Otherwise you can hire someone to get one set up the way you want.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I believe any widgets that are not used when changing child themes will be in the unused widgets area on the widgets page.

go to Dashboard > Appearance > Widgets and scroll down and you should see them there.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I see you have a custom menu in the header right area, did you want the image behind the menu too or did you want to have that menu below the header image?

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I would work with the built in column classes. I played with it and made some changes and was able to get everything to center at any screen size.

Here's what I used for html:

<div class="big-box">
<div class="one-fourth first box">
<img src="http://www.ew3tech.com/wp-content/uploads/2015/01/planning.png" alt="planning">
  <div class="overbox">
    <div class="title"><a href="http://www.ew3tech.com/services/#planning"> Planning </a></div>
  </div>
</div>

<div class="one-fourth box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/design.png" alt="design">
  <div class="overbox">
    <div class="title"> <a href="http://www.ew3tech.com/services#design">Design</a></div>
  </div>
</div>

<div class="one-fourth box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/coding.png" alt="development">
  <div class="overbox one-fourth">
    <div class="title"><a href="http://www.ew3tech.com/services/#development"> Development </a></div>
  </div>
</div>

<div class="one-fourth box"> <img src="http://www.ew3tech.com/wp-content/uploads/2015/01/launch.png" alt="launch">
  <div class="overbox one-fourth">
    <div class="title"> <a href="http://www.ew3tech.com/services/#launch">Launch</a> </div>
  </div>
</div>
<div class="clear"></div>
</div>

And here's the css:

/* Newly Added CSS*/

/*four phases of design and development icons*/
	.big-box{
		margin:auto;
		width: 67%;
		/* height:auto; */
	}
	.clear{
		clear:both;
	}

	.box{
		cursor:pointer;
		/* height: 170px; */
		/* width: 170px; */
		/* float: left; */
		position:relative;
		overflow:hidden;
		/* margin-left: 15px; */
		
	
		text-align: center;
		/* margin:  0 auto; */
}
	.box .overbox a{
		display: block;
		background:#323248;
		position:absolute;
		top:0;
		left:  0;
		color:#fff;
		z-index:100;
		opacity:0;
		height: 170px;
		width: 170px;
		border-radius:50%;
		padding-top: 60px;
	
		margin: 0 auto;
		text-align: center;
		right: 0;
}

.overbox {
    width: 100%;
    margin:  0 auto;
    text-align: center;
}

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

did you get this figured out? When I look it seems to be showing the way you wanted it, if I'm understanding correctly.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

check out this thread:

http://www.studiopress.community/topic/how-to-increase-the-header-size-in-generate-pro-theme/

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

You can add {text-align: center;} to that class in the media query.

If you use firebug for firefox element inspector in Chrome you can find and then try making any of these changes and see it live before actually making any edits to your css. Also if you re-size your browser window you can see how your site is going to respond to smaller width screens. Then you can find what changes you want to make with the inspector.

Here are a couple tutorials:

http://www.jasonbobich.com/web-design/how-to-make-your-own-css-customizations-easily-with-firebug/

http://www.studiopress.com/tips/using-firebug.htm

As far as your mobile menu goes this process has worked for me:

http://wpsites.net/web-design/genesis-mobile-responsive-nav-menu-sub-menu/

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

It's in the same media query -

change this width from 580px to 100%

.footer-widgets-1,.footer-widgets-2,.footer-widgets-3,.home-middle-left,.home-middle-right,.sidebar-primary,.title-area{width: 100%;}

and this width from 520px to 100%

.content{width: 100%;}

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I haven't seen anything yet.

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

It is possible. It requires editing the theme files to add an id to each section you wan to link to.

You would need to open the front-page.php file. Somewhere around line 59 find "//* Add markup for homepage widgets"

Each home section will have this code:

genesis_widget_area( 'home-section-1', array(
		'before' => '<div class="home-odd home-section-1 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

Then add the id to each div:
div id="home-section-1" class="home-odd home-section-1 widget-area"

Here's what I have used:

//* Add markup for homepage widgets
function parallax_homepage_widgets() {

	genesis_widget_area( 'home-section-1', array(
		'before' => '<div id="home-section-1" class="home-odd home-section-1 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

	genesis_widget_area( 'home-section-2', array(
		'before' => '<div id="home-section-2" class="home-even home-section-2 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

	genesis_widget_area( 'home-section-3', array(
		'before' => '<div id="home-section-3" class="home-odd home-section-3 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

	genesis_widget_area( 'home-section-4', array(
		'before' => '<div id="home-section-4" class="home-even home-section-4 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

	genesis_widget_area( 'home-section-5', array(
		'before' => '<div id="home-section-5" class="home-odd home-section-5 widget-area"><div class="wrap">',
		'after'  => '</div></div>',
	) );

}

Then to link to the section 4 with the price table make the button link:

<a class="button" href="http://www.cassiecreative.com/#home-section-1">Learn More</a>

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

You can clean it all in the media queries you have already.

Unfortunately I can't direct you to the right place because your css is all showing as one line.

The header image issue can be fixed with:

.site-header .widget-area {	width: 320px;}

and

.title-area {width: 520px;}

Both under:

@media only screen and (max-width: 1139px)

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

I just looked at your site.

Looks like you were able to get it figured out. If you can mark the thread resolved so that others will know that you’re all set.

Thanks

---

Website design and Genesis customization
jeremyholden.me

[Jeremy Holden]

Check out this page:

http://my.studiopress.com/snippets/footer/

If you need help implementing anything on the page I am able to help with it.

Jeremy

---

Website design and Genesis customization
jeremyholden.me

[Author]

Posts