Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #82764
    Paul
    Participant

    Hi,

    How do I move primary menu below featured image?

    Thanks

    Paul

    #82780
    Mahesh
    Keymaster

    Hi @Paul,

    Thank you for using Catch Kathmandu Pro.

    Go to “Dashboard=> Appearance=> Theme Options=> Header Featured Image Options” and select “Before Header” option in “Featured Header Image Position”.

    Regards,
    Mahesh

    #82819
    Paul
    Participant

    I tried that but it didn’t work. Perhaps I’m using the wrong terminology. I have a featured slider as the main image at the top of the page, the primary menu is positioned above this featured image. I wish to move the menu below the image just above the words of the web page

    #82820
    Paul
    Participant

    I tried that but it didn’t work. Perhaps I’m using the wrong terminology. I have a featured slider as the main image at the top of the page, the primary menu is positioned above this featured image. I wish to move the menu below the image just above the words of the web page

    Thanks

    Paul

    #82842
    Mahesh
    Keymaster

    Hi @Paul,

    Please post in you site url.

    Regards,
    Mahesh

    #82884
    Paul
    Participant

    www2.ripertoli.com

    Thanks

    Paul

    #83053
    Mahesh
    Keymaster

    Hi @Paul,

    For this you have to create a child theme. You can find more details on how to create a child theme HERE. Then in your child theme’s functions.php add the following code.

    add_action( 'init' , 'catchkathmandu_child_move_menu_below_slider' );
    function catchkathmandu_child_move_menu_below_slider() {
            remove_action( 'catchkathmandu_hgroup_wrap', 'catchkathmandu_header_right', 15 );
    		add_action( 'catchkathmandu_before_main', 'catchkathmandu_header_right', 15 );
    }

    Then go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

    #header-right {
        float: none;
    }

    Let me know if this fixes your issue.

    Regards,
    Mahesh

    #83090
    Paul
    Participant

    Hi,

    Thanks but it doesn’t work.
    I already had a child theme and functions.php file so added your code:

    <?php
    add_action( ‘init’ , ‘catchkathmandu_child_move_menu_below_slider’ );

    function catchkathmandu_child_move_menu_below_slider() {
    remove_action( ‘catchkathmandu_hgroup_wrap’, ‘catchkathmandu_header_right’, 15 );
    add_action( ‘catchkathmandu_before_main’, ‘catchkathmandu_header_right’, 15 );
    }

    /**
    * Enqueues child theme stylesheet, loading first the parent theme stylesheet.
    */

    function theme_enqueue_styles() {
    wp_enqueue_style( ‘catch-kathmandu-pro-style’, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘catch-kathmandu-pro-child-style’, get_stylesheet_directory_uri() . ‘/style-child.css’, array());
    }

    add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’);
    ?>

    I’ve tried it with you code at both the start and finish of the file but to no avail.

    I added the custom css in the theme options as recommended

    Thanks

    Paul

    #83130
    Mahesh
    Keymaster

    Hi @Paul,

    The code is working is fine with the child theme. Do you get any errors or something? Do you have other modifications?

    Please provide us with the functions.php of the child theme.

    Regards,
    Mahesh

    #83159
    Paul
    Participant

    But I posted the functions.php for my child theme in my post above.

    I get the following errors/warnings when I reload the page

    Error in parsing value for ‘transition’. Declaration dropped. dashicons.css:29:31
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. dashicons.css:31:24
    Unknown property ‘text-justify’. Declaration dropped. style.css:26:15
    Unknown property ‘text-justify’. Declaration dropped. style.css:35:16
    Expected media feature name but found ‘-webkit-min-device-pixel-ratio’. genericons.css:27:19
    Error in parsing value for ‘-moz-transition’. Declaration dropped. genericons.css:43:36
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. genericons.css:53:24
    Unknown property ‘speak’. Declaration dropped. genericons.css:55:6
    Unknown property ‘-moz-box-shadow’. Declaration dropped. style.css:307:16
    Expected declaration but found ‘*’. Skipped to next declaration. style.css:395:1
    Expected declaration but found ‘*’. Skipped to next declaration. style.css:400:1
    Error in parsing value for ‘background-image’. Declaration dropped. style.css:417:19
    Error in parsing value for ‘background-image’. Declaration dropped. style.css:418:19
    Error in parsing value for ‘background-image’. Declaration dropped. style.css:419:19
    Expected colour but found ‘top’. Error in parsing value for ‘background-image’. Declaration dropped. style.css:420:35
    Unknown property ‘-moz-box-shadow’. Declaration dropped. style.css:437:16
    Unknown property ‘-moz-box-shadow’. Declaration dropped. style.css:450:16
    Unknown pseudo-class or pseudo-element ‘-webkit-search-decoration’. Ruleset ignored due to bad selector. style.css:464:22
    Unknown property ‘-moz-box-shadow’. Declaration dropped. style.css:661:16
    Unknown property ‘-moz-border-radius’. Declaration dropped. style.css:1002:19
    Unknown property ‘-moz-border-radius’. Declaration dropped. style.css:1523:19
    Expected ‘none’, URL, or filter function but found ‘alpha(‘. Error in parsing value for ‘filter’. Declaration dropped. style.css:1535:8
    Expected ‘none’, URL, or filter function but found ‘alpha(‘. Error in parsing value for ‘filter’. Declaration dropped. style.css:1543:8
    Unknown property ‘speak’. Declaration dropped. style.css:2:68
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. style.css:3:60
    Expected declaration but found ‘*’. Skipped to next declaration. jquery.bxslider.css:63:2
    Expected declaration but found ‘*’. Skipped to next declaration. jquery.bxslider.css:64:2
    Unknown property ‘-moz-border-radius’. Declaration dropped. jquery.bxslider.css:78:24
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. admin-bar.css:19:24
    Unknown property ‘speak’. Declaration dropped. admin-bar.css:235:6
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. admin-bar.css:238:24
    Unknown property ‘speak’. Declaration dropped. admin-bar.css:310:6
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. admin-bar.css:312:24
    Unknown property ‘speak’. Declaration dropped. admin-bar.css:504:6
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. admin-bar.css:506:24
    Unknown property ‘speak’. Declaration dropped. admin-bar.css:613:6
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. admin-bar.css:615:24
    Unknown pseudo-class or pseudo-element ‘-webkit-input-placeholder’. Ruleset ignored due to bad selector. admin-bar.css:674:45
    Unknown pseudo-class or pseudo-element ‘-ms-input-placeholder’. Ruleset ignored due to bad selector. admin-bar.css:683:44
    Unknown property ‘speak’. Declaration dropped. admin-bar.css:928:7
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. admin-bar.css:933:25
    Error in parsing value for ‘min-width’. Declaration dropped. admin-bar.css:1055:13
    Error in parsing value for ‘min-width’. Declaration dropped. admin-bar.css:1057:13
    Unknown property ‘-moz-osx-font-smoothing’. Declaration dropped. font-awesome.min.css:4:660
    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. font-awesome.min.css:4:1803
    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. font-awesome.min.css:4:1966
    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. font-awesome.min.css:4:2132
    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. font-awesome.min.css:4:2303
    Expected ‘none’, URL, or filter function but found ‘progid’. Error in parsing value for ‘filter’. Declaration dropped. font-awesome.min.css:4:2476
    JQMIGRATE: jQuery.fn.attr(‘selected’) may use property instead of attribute jquery-migrate.js:41:4
    JQMIGRATE: jQuery.fn.live() is deprecated

    Thanks

    Paul

    #83200
    Mahesh
    Keymaster

    Hi @Paul,

    I replaced the functions.php of the child theme with yours and is working fine. I think you’ve made some other changes which is causing the problem. Please try by deactivating the plugins.

    Let me know if the issue persists.

    Regards,
    Mahesh

    #83281
    Paul
    Participant

    Hi,

    I’ve turned off all the plugins, deleted all my css customisations and the functions.php file only contains the following code:

    <?php
    add_action( ‘init’ , ‘catchkathmandu_child_move_menu_below_slider’ );

    function catchkathmandu_child_move_menu_below_slider() {
    remove_action( ‘catchkathmandu_hgroup_wrap’, ‘catchkathmandu_header_right’, 15 );
    add_action( ‘catchkathmandu_before_main’, ‘catchkathmandu_header_right’, 15 );
    }

    /**
    * Enqueues child theme stylesheet, loading first the parent theme stylesheet.
    */
    /*
    function theme_enqueue_styles() {
    wp_enqueue_style( ‘catch-kathmandu-pro-style’, get_template_directory_uri() . ‘/style.css’ );
    wp_enqueue_style( ‘catch-kathmandu-pro-child-style’, get_stylesheet_directory_uri() . ‘/style-child.css’, array());
    }

    add_action( ‘wp_enqueue_scripts’, ‘theme_enqueue_styles’);
    */

    ?>

    But it still doesn’t work…

    Thanks

    Paul

    #83302
    Mahesh
    Keymaster

    Hi @Paul,

    Have you made any changes to the Catch Kathmandu Pro theme files?
    Please let me know further details.

    Regards,
    Mahesh

    #83349
    Paul
    Participant

    Hi,

    I haven’t made any changes to the core wordpress files or your theme files.

    Thanks

    Paul

    #83371
    Mahesh
    Keymaster

    Hi @Paul,

    I’ll provide you the code that I’ve tested with which is working fine. Please try with the following.
    1. style.css

    /*
    Theme Name: Catch Kathmandu Pro Child Theme
    Theme URI: http://catchthemes.com/themes/catch-kathmandu-pro
    Author: Catch Themes Team
    Author URI: http://catchthemes.com
    Description: Catch Themes has come up with a full-fledged Corporate/Blog premium WordPress theme, Catch Kathmandu Pro! The design is highly customizable and you can tailor the display to your taste with a few easy clicks. Based on HTML5 and CSS3, it is a responsive theme which automatically adapts to the screen's size, regardless of the devices the visitors use. It has a large screen layout which elegantly extends to 1280 pixels! If you are looking for a clean professional space which accommodates your visuals and yet provides you with ample amount of textual area, Catch Kathmandu Pro is your perfect find. Active community at http://catchthemes.com/support-forum/
    Version: 1.0
    License: GNU General Public License, version 3 (GPLv3)
    License URI: http://www.gnu.org/licenses/gpl-3.0.txt
    Tags: black, blue, gray, white, dark,light, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout,  custom-background, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
    Text Domain: catchkathmandu
    Template: catch-kathmandu-pro
    */
    
    /* =Child Theme Custom CSS
    -------------------------------------------------------------- */

    2. functions.php

    <?php
    /**
     * Child Theme functions and definitions
     *
     */
    
    /**
     * Loading Parent theme stylesheet
     *
     */
    add_action( 'wp_enqueue_scripts', 'catchkathmandu_child_enqueue_styles' );
    function catchkathmandu_child_enqueue_styles() {
        wp_enqueue_style( 'catchkathmandu-parent-style', get_template_directory_uri() . '/style.css' );
    }
    
    /**
     * Moving Primary Slider below Slider
     *
     */
    add_action( 'init' , 'catchkathmandu_child_move_menu_below_slider' );
    function catchkathmandu_child_move_menu_below_slider() {
    	remove_action( 'catchkathmandu_hgroup_wrap', 'catchkathmandu_header_right', 15 );
    	add_action( 'catchkathmandu_before_main', 'catchkathmandu_header_right', 15 );
    }

    The link below is the image of the changes made with the above codes in the child theme.
    http://www.awesomescreenshot.com/image/925575/3ad7ec7128fb34c76175a8c2b3cdad24

    Regards,
    Mahesh

    #83480
    Paul
    Participant

    Ah, it works, Thanks for all your patience

    Paul

    #83602
    Paul
    Participant

    Now I have it in the right location – Thanks, but the colour scheme I’ve chosen in the theme customisations isn’t working. I’ve managed to track down some of the element ids to re-assign the colour combinations I want but not all of them.

    Thanks

    Paul

    #83614
    Paul
    Participant

    I’ve pretty much sorted out the colour scheme. Thanks

    Paul

    #83650
    Mahesh
    Keymaster

    Hi @Paul,

    Its great you’ve got it working.
    Thank you for your appreciation.

    Regards,
    Mahesh

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Move primary menu below featured image’ is closed to new replies.