Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #171955
    hjhatch
    Participant

    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,

    #171959
    Skandha
    Keymaster

    @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

    #171990
    hjhatch
    Participant

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

    #172032
    Skandha
    Keymaster

    @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

    #172083
    hjhatch
    Participant

    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

    #172107
    Skandha
    Keymaster

    @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

    #172187
    Skandha
    Keymaster

    @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

    #172249
    hjhatch
    Participant

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

    Thanks for all your help.

    #172278
    Skandha
    Keymaster

    @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

    #172316
    hjhatch
    Participant

    Review is done. Thanks again

    #172321
    Skandha
    Keymaster

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

    Kind Regards,
    Skandha

    #176248
    hjhatch
    Participant

    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

    #176262
    Skandha
    Keymaster

    @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

Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu icon centered in mobile view’ is closed to new replies.