[hjhatch]

Two things I would like to do. First is to have the menu icon centered in the mobile view and second, can I move the menu icon below the header image? Website is https://bit.ly/2V4bVgS

Thanks,

[Skandha]

@hjhatch: To center the mobile menu
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#mobile-header-left-menu {
	float:unset;
	text-align:center;
	width:100%;
}

To move the menu below the header image you will need to create a child theme and do a bit of customization. Let me know if you are familiar with child theme customization otherwise I suggest you to hire a customizer.

Kind Regards,
Skandha

[hjhatch]

Thanks Skandha. I appreciate your help. I am somewhat familiar with child theme customization but not an expert by any means.

[Skandha]

@hjhatch: Go to => Child Theme Folder => functions.php and add the following Code.

add_action( 'wp_head', 'remove_my_action' );
function remove_my_action(){
	remove_action( 'catchresponsive_header', 'catchresponsive_mobile_header_nav_anchor', 30 );
}

add_action( 'wp_head', 'add_my_action' );
function add_my_action(){
	add_action( 'catchresponsive_after_header', 'catchresponsive_mobile_header_nav_anchor', 50 );
}

Now the mobile menu should show up below the header image.
Let me know if this works out!
Kind Regards,
Skandha

[hjhatch]

Thanks for your help Skandha. It did add the mobile menu but it is not active or functioning. Also the menu icon is still showing at the top. Thanks

[Skandha]

@hjhatch: This is strange. Did you add all the code I provided you in my previous reply? Can you check once again?

If it still does not work out. I will need to look at the code to fix it. For that I will need your WP Admin Credentials. I will contact you shortly by email.

Kind Regards,
Skandha

[Skandha]

@hjhatch: Hello there,
I have fixed the mobile menu issue.
You seem to have commented out the line like this:
//add_action( 'wp_head', 'remove_my_action' );
that is why two menu was showing up and only one was working.

Please check and let me know if the issue is resolved.
Kind Regards,
Skandha

[hjhatch]

Thanks so much Skandha. The issue is resolved and looks good.

Thanks for all your help.

[Skandha]

@hjhatch: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-responsive/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know. Have a good day! 🙂

Kind Regards,
Skandha

[hjhatch]

Review is done. Thanks again

[Skandha]

@hjhatch: Thank you very much for your appreciation. Let me know if you have anymore issues. Have a good day! 🙂

Kind Regards,
Skandha

[hjhatch]

Skandha,

One more thing I would like to do. On my mobile menu I would like to be able to change the font color to white.

Thanks

[Skandha]

@hjhatch: Hello there,
To change the mobile menu item color
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#mobile-header-left-nav ul li a {
	color:#123456;
}

You can change the color according to your choice.
Let me know if this is what you want!
Kind Regards,
Skandha

[Author]

Posts