Move primary menu below featured image

This topic has 18 replies, 2 voices, and was last updated 8 years, 10 months ago by Mahesh.

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
January 13, 2016 at 4:49 am #82764

Paul
Participant

Hi,

How do I move primary menu below featured image?

Thanks

Paul

January 13, 2016 at 11:46 am #82780

Mahesh
Participant

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

January 13, 2016 at 11:54 pm #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

January 13, 2016 at 11:55 pm #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

January 14, 2016 at 9:34 am #82842

Mahesh
Participant

Hi @Paul,

Please post in you site url.

Regards,
Mahesh

January 14, 2016 at 11:22 pm #82884

Paul
Participant

www2.ripertoli.com

Thanks

Paul

January 17, 2016 at 10:57 am #83053
Mahesh
Participant
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
January 17, 2016 at 7:46 pm #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

January 18, 2016 at 9:36 am #83130

Mahesh
Participant

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

January 19, 2016 at 12:09 am #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

January 19, 2016 at 9:30 am #83200

Mahesh
Participant

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

January 20, 2016 at 2:13 am #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

January 20, 2016 at 10:49 am #83302

Mahesh
Participant

Hi @Paul,

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

Regards,
Mahesh

January 21, 2016 at 12:57 am #83349

Paul
Participant

Hi,

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

Thanks

Paul

January 21, 2016 at 10:21 am #83371
Mahesh
Participant
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
January 22, 2016 at 11:11 pm #83480

Paul
Participant

Ah, it works, Thanks for all your patience

Paul

January 24, 2016 at 11:03 pm #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

January 25, 2016 at 2:42 am #83614

Paul
Participant

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

Paul

January 25, 2016 at 9:30 am #83650

Mahesh
Participant

Hi @Paul,

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

Regards,
Mahesh
Author

Posts