[chrismcintosh]

Try writing your css in a new media query. Something like

@media only screen and (min-width: 880px) {
YOUR CSS GOES HERE
}

Substitute your code for mine. This will make sure that your changes only take effect at the larger screen size where the mobile menu hides away.

[chrismcintosh]

Something like the following would probably work.

Add it to your functions.php or more specifically your front page.

You are essentially using one of the earliest on page hooks and the latest to encapsulate the rest of the content.

<?php

add_action('genesis_before', 'cm_open_anchor');
function cm_open_anchor() {
echo '<a href="#">';
}

add_action('genesis_after', 'cm_close_anchor');
function cm_close_anchor() {
echo '</a>';
}

[chrismcintosh]

In the jetpack widget there should be a field near the bottom that says Link URL (when the image is clicked) put the site you would like that image to go to in that field.

[chrismcintosh]

Anna try the following code. Add it to the end of your style.css file. Currently your height is set to 240

@media (max-width: 600px) {
.header-image .site-title > a {height: auto;}
}

This should make the height adjust when the browser gets below 600px

[chrismcintosh]

Kathleen,

Try adding

section#recent-posts-5.widget.widget_recent_entries {text-align:center;}

to the end of style.css

[chrismcintosh]

Hank could you try adding the following to your functions.php file?

function front_page_sidebar_remove() {
 	if ( is_front_page('') )
 		//* Unregister primary sidebar
		unregister_sidebar( 'sidebar' );
	}

add_action( 'genesis_before', 'front_page_sidebar_remove' );

[chrismcintosh]

You might be able to fix that by attaching

.parallax-landing

before

.full-width-content .content

and entering the code you want specifically for the landing page
so if the original code I gave you undid something you can redo it just for that page.

.parallax-landing .full-width-content .content {padding: 0 200px 50px;}

[chrismcintosh]

Something doesnt seem to be quite right.

But here is a quick and dirty fix.

In your media query for mobile I would add the following.

@media only screen and (max-width: 800px) {
#soliloquy-container-329 {padding-top: 128px;}
}

Please let me know if that helped.

[chrismcintosh]

This will probably get you closer.

.footer-widgets {background-color: transparent;}
.footer-widgets .wrap {background-color: #333;}

[chrismcintosh]

Hoping I'm understanding your question.

The default padding on .content in parallax pro is 200px maybe try reducing it by 100px on each side using the code below?

.full-width-content .content {
padding: 0 100px 50px;
}

[chrismcintosh]

Jim, I'm on vacation right now but if you drop me an email (chris at sbydigital dot com) I might be able to assist you on Monday.

[chrismcintosh]

If you add the following to your functions.php file you can modify it for your needs

//* Change the footer text
add_filter('genesis_footer_creds_text', 'sp_footer_creds_filter');
function sp_footer_creds_filter( $creds ) {
	$creds = '<a href="http://affiliateLink">Affiliate Link</a> &middot; Built on the <a href="http://www.studiopress.com/themes/genesis" title="Genesis Framework">Genesis Framework</a> & WordPress';
	return $creds;
}

All you have to do is edit whats in the $creds variable.

[chrismcintosh]

Jess you will want to set a media query for the smaller screen size resolutions.
at the end of style.css you will want to add something like -

@media only screen and (max-width: 768px) {
.soliloquy-prev, .soliloquy-next { 
     top: 80%;
     }
}

It shouldn't be reacting like it is. You probably have a stylesheet conflict. You will have to add other media queries to ensure it will look right at smaller screen sizes.

[chrismcintosh]

You will find
function parallax_enqueue_scripts_styles()
inside functions.php

[chrismcintosh]

Yep Look for

function parallax_enqueue_scripts_styles()

Inside you should find

wp_enqueue_style( 'parallax-google-fonts', '//fonts.googleapis.com/css?family=Montserrat|Sorts+Mill+Goudy', array(), CHILD_THEME_VERSION );

You will want to go to google.com/fonts and find a font you like and click add to collection.
For this I picked ubuntu mono, then click use.
Scroll down to add this code to your website.

In this case we want to keep your other fonts in tact for the rest of your site, so we will just add this font to the ones you are already using so you will replace the enqueue style with the following.

wp_enqueue_style( 'parallax-google-fonts', '//fonts.googleapis.com/css?family=Montserrat|Sorts+Mill+Goudy|Ubuntu+Mono', array(), CHILD_THEME_VERSION );

Then in style.css change
.genesis-nav-menu a {font-family: Montserrat, sans-serif;}

To
.genesis-nav-menu a {font-family: Ubuntu Mono;}

[chrismcintosh]

Yeah absolutely! Please let me know if this helps.

[chrismcintosh]

Sorry for some reason it did not include the link.

Using Waypoints Sticky Elements to fix elements to top of page upon scrolling in WordPress

[chrismcintosh]

You could probably use the following tutorial by Sridhar with minor tweaks.

[chrismcintosh]

Seems like prose does things a bit different. You can do that modification on this theme by going to the body class and changing width from 970px to 95%.

[chrismcintosh]

At first look maybe a max-height declaration on that .txt-widget class. Might be able to take a closer look tomorrow.

[Author]

Posts