[Jackiejoh]

Oh my gosh, thank you so much. It worked like a charm. I so appreciate all your help, thoroughness and clarity with how you explained things. Super grateful for your time. Thanks again.

[Jackiejoh]

You're brilliant. Thank you! Got it deleted and disabled the Siteground Optimizer plug-in I was using for caching. That fixed the page. I reactivated it and found that the "combine CSS Files" setting in the plug-in caused of the problem. I added back in your original code to the functions.php and it's working great after disabling Yoast.

I hate to ask, but is it possible to keep using Yoast? It seems like it has to be one or the other. I've done a lot of work with Yoast and hate to lose it, plus I like the features. Maybe Genesis is just as good?

Thanks again for all your help.

[Jackiejoh]

Hmmm,

So I found that code. When I go to the blog page and hit "edit page" vs "customize" it's there hanging out in a text block.

This is the total of what it says on my end:

[ic_add_posts template='template-in-theme-dir.php'] 

<?php//* Do NOT include the opening php tag //* Modify the Genesis content limit read more linkadd_filter( 'get_the_content_more_link', 'sp_read_more_link' );function sp_read_more_link() {return '... <a class="more-link" href="' . get_permalink() . '">[Continue Reading]</a>';}

I'm not sure exactly what to do with it. I tried deleting it to see if it did anything and the page is still broken. I put it back. I also took out the code for the meta tags we were working with, just for the time being, to see if I could at least get the page fixed but it's still showing up broken. I'd love your thoughts. Thank you!

[Jackiejoh]

Thanks for your help, Andytc. I added the code but I'm not seeing any changes on my blog page. I'm wondering if I missing anything.

[Jackiejoh]

I got it to work! Thank you so much. I appreciate your help and patience with me 🙂

[Jackiejoh]

I appreciate all your help, Brandon! I'm not sure what I'm doing wrong. I replaced the original code with the suggested text (and cleared the cache) but no changes are showing up.

[Jackiejoh]

Thanks Brandon,

Just to confirm,

Would I change all the "WindowHeight" in the following:

// Set front page 1 height
var windowHeight = $( window ).height() - 77;

$( '.front-page-1' ) .css({'height': windowHeight +'px'});

$( window ).resize(function(){

var windowHeight = $( window ).height();

$( '.front-page-1' ) .css({'height': windowHeight +'px'});

});

// Local Scroll Speed
$.localScroll({
duration: 750
});

});

[Jackiejoh]

Thanks so much, Dave. I really appreciate the help.

[Jackiejoh]

Thanks so much, Christoph! Your comment made me realize my Social Warfare plugin/pinit feature was screwing things up. All fixed 🙂

[Jackiejoh]

Got it! Thanks so much Davinder. It worked 🙂

[Jackiejoh]

Thanks for your help! Got it all figured out.

[Jackiejoh]

Hi Ninjamonk, thanks for your help!

I tried the background-size: contain; under @media area, but it didn't change anything. Is there another area I would add or adjust this?

Also, here is what my @media currently looks like (I removed some of the in between code for easier reading). Could you take a peek and let me know where (and what specifically) you would add the style for a smaller logo?

Thanks tons!!

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

.header-image .site-header .wrap {
background-size: 320px 164px;
}

}

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

.site-inner,
.wrap {
max-width: 960px;
}

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

body {
background-color: #fff;
}

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

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}

}

@media screen and (max-width: 480px) {
.custom-landing .landing-two,
.custom-landing .landing-three {
margin: 0;
padding: 0;
width: 100%;
max-width: 300px;

}

@media screen and (max-width: 240px) {

.utility-bar {
display: none;
}

.landing-widgets {
width: 100%;
max-width: 200px;
}

#genesis-responsive-slider {
display: none;
}

}

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

[Jackiejoh]

Figured it out! 🙂

[Jackiejoh]

Here is what my enqueue_script section looks like. Anything to add, rearrange or adjust?
Thanks!

//* Enqueue scripts and styles

add_action( 'wp_enqueue_scripts', 'beautiful_enqueue_scripts_styles');
function beautiful_enqueue_scripts_styles() {

wp_enqueue_script( 'beautiful-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,500', array(), CHILD_THEME_VERSION );

[Jackiejoh]

Thanks for putting me on the right track! Any way you could share how to make the changes? I am a total beginner at this and can't seem to figure it out. I've been scouring Google and Youtube for some step by steps, plus doing some experimenting in the enqueue_script section, but to no avail. Your help is greatly appreciated.
Cheers,
Jackie

[Jackiejoh]

Thanks Victor! I am glad to know what is going on. Do you have any thoughts on how to make Optimize Press and my theme's css play nicely together?

[Jackiejoh]

I am having the same problem. The image aligns left and right just fine. But not center. When I click align center, nothing happens. Changing the image size isn't fixing it for me. Any help is appreciated!
Thanks tons,
Jackie
site: http://finallywriting.com

[Jackiejoh]

I have the same question, and would love to hear any responses.
Thanks!

[Jackiejoh]

That worked! Thank you tons 🙂

[Author]

Posts