Forum Replies Created
-
AuthorPosts
-
TonyaMember
OK, let's stop and take a deep breath together. We need to get on the same page for me to help you.
Please answer these questions for me:
1) Are you working on your live site's theme?
2) How are you making changes to the theme? Using the built-in editor or working offline and then transferring the file?
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberIt's actually showing the file in your theme under js/responsive-menu.js on the live site, per Chrome Dev Tools.
I'm asking if you are changing things on your live site, as you are showing me code that is not on the live site per what I am seeing. This is why I questioned where you are making changes.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi again,
Here is what I'm seeing on your live site in Chrome and Firefox for your responsive-menu.js file:
jQuery(function( $ ){ $(".nav-primary .genesis-nav-menu").addClass("responsive-menu").before('<div id="responsive-menu-icon"></div>'); $("#responsive-menu-icon").click(function(){ $(".nav-primary .genesis-nav-menu").slideToggle(); }); $(window).resize(function(){ if(window.innerWidth > 768) { $(".nav-primary .genesis-nav-menu").removeAttr("style"); } }); });
Are you working on the live site? Or elsewhere?
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberMake sure you implement the changes step-by-step that I indicated above, as there is still no styling in place for #responsive-menu-icon. Remember the js is adding it as an ID and not a class.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi there,
The style.css is much different than the latest Magazine Pro. Not sure why if you reinstalled the original one.
Regardless you have the following issues occurring:
1) Your responsive-menu.js file is adding an ID and not a class. Therefore, the styling needs to target #responsive-menu-icon instead of .responsive-menu-icon.2) On line 1491 of your style.css, you need to add display: none; to hide the responsive-menu-icon until you hit the mobile breakpoint.
3) Then on line 2118-2200, you can replace these lines with this:
.genesis-nav-menu > .first > a { padding-left: 20px; } .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu, .genesis-nav-menu.responsive-menu { display: none; } .genesis-nav-menu.responsive-menu .menu-item, #responsive-menu-icon { display: block; } .genesis-nav-menu.responsive-menu .menu-item { margin: 0; } .genesis-nav-menu.responsive-menu .menu-item:hover { position: static; } .genesis-nav-menu a { line-height: 1; padding: 18px 20px; } .genesis-nav-menu.responsive-menu .menu-item-has-children { cursor: pointer; } .genesis-nav-menu.responsive-menu .menu-item-has-children > a { margin-right: 60px; } .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { content: "\f347"; float: right; font: normal 16px/1 'dashicons'; height: 16px; padding: 16px 20px; right: 0; text-align: right; z-index: 9999; } .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before { content: "\f343"; } .nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before { color: #fff; } .genesis-nav-menu.responsive-menu .sub-menu { background-color: rgba(0, 0, 0, 0.05); border: none; left: auto; opacity: 1; position: relative; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 100%; z-index: 99; } .genesis-nav-menu.responsive-menu .sub-menu .sub-menu { background-color: transparent; margin: 0; padding-left: 25px; } .genesis-nav-menu.responsive-menu .sub-menu li a, .genesis-nav-menu.responsive-menu .sub-menu li a:hover { background: none; border: none; padding: 14px 20px; position: relative; width: 100%; }
4) You need to enqueue dashicons too by putting this into the wp_enqueue_scripts callback in your functions.php file:
wp_enqueue_style( 'dashicons' );
5) Whenever you change a javascript or style.css file, you need to make sure you uptick the CHILD_THEME_VERSION number, say to 1.1 or whatever. Why? WordPress appends this version number to the end of these resource scripts to ensure whomever has already visited your website in the past gets the latest version(s). Here is an article I wrote about to help you out.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHappy Friday Paige,
If you need me to take a closer look at it, contact me here.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberWhen you insert into your functions.php file, you need to make sure a few things:
1) No closing ?> at the bottom of the file. From StudioPress, there isn't one there, but just check to make sure.
Note: It doesn't hurt to have it; however, it's far too easy to have blank spaces and extra content after the closing PHP tag (which will make your screen go back or toss an error. Therefore, we always work without it.2) Make sure the code looks exactly like the code above BEFORE you save the file, i.e. no weird characters (which can happen when copying and pasting).
3) Put it at the bottom of the file.
4) Make sure there are no extra blank lines at the bottom of the file. The last line should be the closing brace from the code above.
Some other tips:
1) It's best to work with a backup of the file and then transfer it to your web host instead of working directly in the WordPress Editor. Why? Because you make an error and not be able to recover quickly. Or you may want to revert back quickly.
2) Always backup the file that is going to be edited before you make a change to it. Then you have the file in its working state ready to go should you need to revert back.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello Paige,
You can get rid of the conditionals and just have the following:
add_action('genesis_meta', 'callback_remove_all_post_titles'); /** * Remove post titles on all pages * * @since 1.0.0 * * @return void */ function callback_remove_all_post_titles() { //* Remove all post titles remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); remove_action( 'genesis_post_title', 'genesis_do_post_title' ); }
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampFebruary 16, 2015 at 6:10 pm in reply to: Need to Display Different Header Images on Different Pages??? #141057TonyaMemberHi Greg,
Sorry for the late response. Dealing with some family issues right now.
I'm not aware of a plugin on the market that will meet your needs. Therefore, you will need a custom solution, meaning code work is required. It is not a difficult plugin to develop, but you will need someone who knows Genesis, WordPress, and plugins.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberIf you'd like to send me the login credentials, let's do that privately. I don't have PM here. But you can use my contact form.
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampFebruary 14, 2015 at 3:29 pm in reply to: Need to Display Different Header Images on Different Pages??? #140868TonyaMemberHi Greg,
It's really not that hard to do this. What you want to do is add a class to the body element that you can then style. The easiest way is:
1) Predefine classes with the individual images
2) Then add one of the classes in the Page option under Layout Settings -> Custom Body Class to each pageNow if your client wants to do something like add an image within the page itself that is then assigned as the header background image, now you have to add a metabox to the page where he can upload or attach the image he wants. Then you'll need to do some coding to set that image as the background-image by loading it into the <head>.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberYou're welcome. Enjoy your weekend 🙂
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberAll fixed for you, Ed. Get some rest 🙂
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHey Ed,
Got your email and I just sent you one back. Now the fun begins...
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberYou're welcome 🙂
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello Zach,
You will need to add some CSS in order to make this change. What you want to do is target the .home-section-1 area and then adjust the padding-top to what you want. Currently it is set to 190px. In the example I show below, I lowered it to 120px, but you can change that number to whatever you want to achieve the positioning needed.
.home-section-1 { padding-top: 120px; }
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberYou're welcome.
The Genesis community is filled with tons of excellent resources. Typically you can do a Google search for whatever you are trying to do and most of the time someone has written a tutorial explaining how to do it. I don't want to promote one site or another here. But you'll quickly discover who has what you need.
Also if you're on Twitter, you can search for #GenesisWP and you'll find a bunch of folks who are active and sharing.
Enjoy your weekend! Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi Ed,
That's what I get for writing you at 4am when I'm heading off to sleep (I have a weird schedule). Here is the entire code to add to your functions.php file:
add_action('genesis_meta', 'callback_remove_post_info_and_post_titles'); /** * Remove post info and post titles * * @since 1.0.0 * * @return void */ function callback_remove_post_info_and_post_titles() { if ( is_single() ) { //* Remove all post titles remove_action( 'genesis_entry_header', 'genesis_do_post_title' ); remove_action( 'genesis_post_title', 'genesis_do_post_title' ); } //* Remove the post info remove_action( 'genesis_entry_header', 'genesis_post_info', 12 ); remove_action( 'genesis_before_post_content', 'genesis_post_info' ); }
You'll see that I added both the pre-HTML5 & HTML5 actions within the function. You want to hook into genesis_meta to ensure the conditional is grabbed at the right time.
Thank you for your kind words and checking out my blog and about page. 🙂 Life is an amazing ride!
Let me know if this works for you. Otherwise, PM me and I can take a look on your site to help out.
Cheers,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHi again,
Sorry about that enqueing of the font. I didn't span through the stylesheet enough to discover the fonts being loaded.
For content within .entry-content, you'll need to target the specifics tags, such as .entry-content p, etc. I'm on my iPad now, so I can't see the HTML and code to see the DOM; however, give this is a try.
I'm off to dreamland. If this doesn't work for you, let me know and we'll tackle it later today.
Happy coding,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer BootcampTonyaMemberHello Ed,
You just caught me before I turned in for the night (or actually wee hours of the morning). The video cracked me up! Thank you. And you're welcome too.
Ah I understand now on the page titles. To bring back the titles on pages, simply wrap the removes in a conditional is_single(), ie
if (is_single()) { //* the removes here }
Now the removes will only execute on posts and not pages. To condition on pages, use is_page().
Off to dreamland now. Happy coding,
Tonya
Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp -
AuthorPosts