[SavvyPro]

Thanks for your response, Anita.

Oh yeah, I also use the CSS editor in the Customizer as well for testing, it’s awesome! I usually relocate the code to the style.css once I’m happy with the outcome in the CSS editor though, just my preference.

This was more of a general question for all themes, but the two I’m working on at the moment are here:

Essence Pro by StudioPress (https://my.studiopress.com/themes/essence/)

Aspire Pro by AppFinite (https://my.studiopress.com/themes/aspire/)

I’ve seen some pretty cool hamburger menu effects and wanted to know more about how to go that route. For instance, I’ve seen hamburger menus that transition from the standard three stacked horizontal lines to a cross and then back.

I was wondering how I could create such an effect using a Genesis child theme?

Thanks again.

[SavvyPro]

I use Mac as well and love Brew also. I have used Brew for doing Python work.

Anyway, since Bootstrap 4 uses the Sass preprocessor, could I just use Bootstrap then, or is using a full fledged framework like Bootstrap 4 to help build a child theme superfluous?

I am just trying to come up with the most efficient, productive, and quickest way I can get this done.

Thanks Victor

[SavvyPro]

Thanks Victor.

I guess I could do that using my local dev environment which is DesktopServer and compare that to the live site.

[SavvyPro]

That's not the title menu, it's the navigation menu and the search box is inline with it.

To remove it, you would follow the instructions here:

https://feastdesignco.com/how-to/remove-search-bar-from-navigation-menu/

[SavvyPro]

I finally got it to work!

It would be nice to know how I could use the Genesis Simple Hooks plugin to get the same effect though.

What code would I use to put in the genesis_before_header box to get the same effect I currently have now?

Thanks for your help

[SavvyPro]

I want to reposition the navigation menu to be in the genesis_before_header area which I was finally able to do. Apparently the menu was hiding behind the background image so I had to use z-index in following CSS to display it:

.nav-primary {
  position:fixed;
  background: #5271ff;
  top:0;
  right:0;
  left:0;
  z-index:99;
}

I then had to move the header down a bit so the menu was not overlapping with it using the following CSS:

.site-header{
	margin-top: 50px;
}

However, now I am trying to get the links in the new menu location to work, but I am having trouble working that out.

Would you know how I may go about getting the menu's links to function again?

Thanks

[SavvyPro]

Do I just add PHP code to the hook boxes? It seems to only take html code from what it appears, but does offer a php code checkbox.

Anyway, I have used Genesis Extender, but never Genesis Simple Hooks and I have tried to find articles on how to move the navigation menu, but cannot find anything.

You can direct me to some tutorials on how to go about doing this using the Genesis Simple Hooks plugin?

Thanks

[SavvyPro]

That's because I had just found it and besides, it was irrelevant since the primary concern is if there are tools that exist that can identify which .js file is responsible for a certain effect.

I can take this to stackoverflow, that's no problem, but wanted to ask here.

I am learning quite a bit, Anita.

Thanks

[SavvyPro]

I know that, but there are several .js files in there and I wanted to know if there is a way to detect which specific file is controlling this effect using the Chrome Dev Tools.

I found the JS file, it's in the home.js file, but there must be a way to detect the file using web dev tools.

[SavvyPro]

Will do!

[SavvyPro]

OH WOW!

Okay, I get it now.

This is absolutely AMAZING!!

Thanks Anita!!

[SavvyPro]

Thanks for the response Anita.

So which one should I do, the Editor's Toolkit, or create two different blocks, or both?

I'm confused.

Thanks

[SavvyPro]

So, if you click on the Welcome menu item, it takes you to front-page-3?

It is not working for me on any browser, so I am not certain why it is for you, but not for me.

[SavvyPro]

Still didn't work.

I am going to reach out to the publisher of this theme.

[SavvyPro]

GRRRAAAAAAWWWWWWWW!!!!

Why isn't my IDE catching this?!!

I should know better, but dang it, I am in a hurry and working on a Masters, kids, dog, full time job, sick spouse, COME ON technology, you're supposed to be helping me here.

I will modify it.

Thanks Vic.

[SavvyPro]

The code I added is what you suggested above to my savvypro-scrollTo-id.js file located in public_html/.

I added this code here:

<script>
jQuery(document).ready(function ($) {
    "use strict";
    
    //SavvyPro Custom Scroll to ID Script
    
    $('a[href*="#"]').on('click', function(e) {
        e.preventDefault()
        
        $('html, body').animate(
            {
                scrollTop: $($(this).attr('href')).offset().top,
            },
            500,
            'linear'
        )
    })
});
</script>

And then this is the code I put in my functions.php file:

function savvypro_adding_scripts() {
 
	wp_enqueue_script( 'savvypro-scrollTo-id-script', get_stylesheet_directory_uri() . '/js/savvypro-scrollTo-id.js', array( 'jquery' ), '1.0.0', true );
	
	wp_enqueue_script('savvypro_scrollTo_id_script');
}
  
add_action( 'wp_enqueue_scripts', 'savvypro_adding_scripts' );  

[SavvyPro]

One more question, should I just stop using the Genesis Extender plugin altogether then?

[SavvyPro]

Apologies, I made the change on DesktopServer, not the actual website. I made the change now on the site, but I am now seeing these errors:

https://www.dropbox.com/s/2m1shprgnwz58dk/Screen%20Shot%202019-09-11%20at%2011.02.46%20AM.png?dl=0

[SavvyPro]

Ok well, I have officially given up.

I love Genesis, but I think it is time for me to start moving on to static site frameworks like Hugo or some other JAMstack CMS like Contentful and use AWS instead of SiteGround.

This has just become way too exhausting for me to constantly keep putting up with. I do what all the published blog articles say to do, it doesn't work. I do what these forums say to do, it doesn't work.

Is it time to move on?

Is Genesis and WordPress dead?

[SavvyPro]

No, this did not work still.

Not sure what the issue is.

[Author]

Posts