[Konspaul]

Maybe writing

include('child-theme/smile.php');

in my function.php and having that function mentioned above in my smile.php would work but I'm sure there must be more sophisticated method.

[Konspaul]

I now know that I could do this in my function file:

function content_after_header() {
  echo ( '<div class="be-happy">
                <h1>Great things</h1>
                <p>A rabbit jumped over a fox and got eaten.</p>
             </div>' );
}
add_action('genesis_after_header', 'content_after_header');

But my goal is to have a separated into theme injectable .php file so I will be able to edit it and change the content without opening the function file. I'm still looking for a way to load a custom php file.

[Konspaul]

• You need to edit child theme's style.css. If you don't know how to do that then read this https://codex.wordpress.org/Child_Themes
• Learn Google Chrome developer tools to see what element is effected with a CSS style

[Konspaul]

Up! <3

[Konspaul]

Beautiful! Thank you very much carasmo :). The WC Vendor support pointed me to this StachOverflow post as well.

My post and question is solved!

[Konspaul]

Thank you for your information.

I know where to find "Edit more detail". The issue here was that I couldn't edit the the attachments that are on my home page immediately located after my root domain my-site.com/HERE.

Also the issue raised because I'm using menu icons in this my http://www.raccoon.shop site. You see those big round menu images? The one with the cat has image named "Home and living.jpg". When pressing this menu button it will take me to raccoon.shop/home-and-living-2 page. That's when I noticed that something is taking the actual URL that I need. For me only option was to delete permanently all the menu icons, re-edit the page URLs and then upload back those icons.

But like you said maybe in the future I should name my images like Home and living image.jpg.

[Konspaul]

No really helping much, my PHP knowledge is not pass newbie level. Would you put something like this:

//* Register extra menu position
function register_additional_menu() {
  register_nav_menu( 'extra-menu' ,__( 'Extra Menu' ));
}
add_action( 'init', 'register_additional_menu' );
add_action( 'genesis_entry_header', 'add_extra_menu_genesis' );

function add_extra_menu_genesis() {
	echo'<div class="extra-menu-class">';
	wp_nav_menu( array( 'theme_location' => 'third-menu', 'container_class' => 'genesis-nav-menu js-superfish sf-js-enabled sf-arrows' ) );
	echo'</div>';
}

function add_extra_menu_genesis( $args ) {
 
    if ( $args['theme_location'] == 'genesis_entry_header' ) {
        $args['menu'] = 'Extra Menu';
        if( is_page( 6 ) ) {
	   echo'<div class="extra-menu-class">';
 	   wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'genesis-nav-menu js-superfish sf-js-enabled sf-arrows' ) );
	   echo'</div>';
        }
        if( is_page( 7 ) ) {
	   echo'<div class="extra-menu-class">';
 	   wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'genesis-nav-menu js-superfish sf-js-enabled sf-arrows' ) );
	   echo'</div>';
        }
        if( is_page( 8 ) ) {
	   echo'<div class="extra-menu-class">';
 	   wp_nav_menu( array( 'theme_location' => 'extra-menu', 'container_class' => 'genesis-nav-menu js-superfish sf-js-enabled sf-arrows' ) );
	   echo'</div>';
        }
    }
    return $args;
}

[Konspaul]

Good to know that at least this is not a problem in my WordPress. I find the missing bar in front end annoying. Would you happen to have a solution to force show it?

The WC Vendors support said this: "WC Vendors doesnt control your wp-admin toolbars". The must be some kind of bud in the code...

[Konspaul]

Filtering nav menu? What do you mean?

[Konspaul]

Amazing! Thanks alot!

[Konspaul]

Hello Victor and thank you for your message.

I can add fa-spin class because the actual hand spin is pseudo element. As far as I know there is no way to add a class to element that is generated by css code.

I double checked and the closing brace is there. You can see that the code actually works when inspected in Chrome. Somehow the animation itself is not working. Do you have any ideas?

[Konspaul]

Okey, the loading error should be fixed now. Thank for pointing that out!

That would also fix all those icon problems but yesterday I actually changed the woocommerce.css file abit to load the fontawesom fonts so that is why you see not the hand pointing to the right. Everything is fine with the icons now.

Could you help me with something else please?

After pressing the Add to Basket button I'd like the hand to spin three rounds. Right now the hand has this code:

a.added_to_cart:before {
    font-family: Fontawesome;
    content: "\f0a4";
    margin: 0 3px;
    display: inline-block;
    -webkit-transform: rotate(1080deg);
    -moz-transform: rotate(1080deg);
    -ms-transform: rotate(1080deg);
    -o-transform: rotate(1080deg);
    transform: rotate(1080deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 3s ease all;
    -moz-transition: 3s ease all;
    -o-transition: 3s ease all;
    transition: 3s ease all;

When this code was tested in Chrome inspector the hand actually rotated. But when I put that very same code to my woocommerce.css files I don't get any animation. What can cause this malfunction?

Here are the screenshots and screen recordings: https://drive.google.com/folderview?id=0B1iP4v6DAtWkWkxYc0VEZkZUd0k&usp=sharing

[Konspaul]

Yey!

After inspecting the Modern Studio child theme code I finally started to understand how menu/logo/menu is made.

Thanks for help! 🙂

[Konspaul]

Okey, now I understand you. You are saying that I should by the Modern Studio Pro theme and just add the new widget area there.

What if I don't want to buy the Modern Studio Pro theme and will try to build a menu structure like that in the Genesis Sample theme that I'm using at the moment. What should I do then? Supposedly I have to put actions in 'genesis_after_header' so in the div immediately after header will be filters 'genesis_do_nav', 'filter_widget_where_is_the_logo', 'filter_for_second_menu'?

[Konspaul]

Thanks but I think this is not the right solution. Yes, the modern studio theme has similar menu structure but it is missing the header and the Site name & description.

What I need is to put three elements into the main navigation div/area/or-what-so-ever. The area would have:

1) Menu #1
2) Site Logo
3) Menu #2

While there I would have to use the CSS style to put them horizontally aligned. That I can do. The problem is that I don't know which hooks to add or remove to put the site logo and menu #2 into the main navigation div.

Did I make myself anyhow clear? 🙂

[Author]

Posts