Your account expired support, please renew to get your support.

Home Forums Themes Support Shang Problems with menu

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #4958
    scevra
    Support Expired

    Hi, I’m having some issues with the menu.
    I’m using the centered logo version (like in Home 2 demo).
    If I edit the left menu, adding more than 2 pages, it flips out (please see screenshot).
    Even if I create a sub page it doesn’t work. I don’t know howto fix this, hope you can help.
    Thank you a lot for your assistance!

    • This topic was modified 2 years, 2 months ago by scevra.
    Attachments:
    You must be logged in to view attached files.
    #4962

    Hi,
    Thanks for contacting us and choosing our product!
    About this issue you can use child theme follow this topic tutorial:

    How to customize WordPress theme using Child theme


    to override template display of:
    wp-content/themes/shang/templates/header/header-2.php
    You need change the code from:
    col-lg-2 col-md-2
    to
    col-lg-1 col-md-1
    and
    col-lg-8 col-md-8
    to
    col-lg-10 col-md-10
    The code in this file will be like this:

    <?php
    /**
     * @package    HaruTheme
     * @version    1.0.0
     * @author     Administrator <admin@harutheme.com>
     * @copyright  Copyright (c) 2017, HaruTheme
     * @license    http://opensource.org/licenses/gpl-2.0.php GPL v2 or later
     * @link       http://harutheme.com
    */
    
    $header_class = array('haru-main-header', 'header-2');
    // Header Over Slideshow
    $header_layout_over_slideshow = get_post_meta( get_the_ID(), 'haru_' . 'header_layout_over_slideshow', true );
    if ( ($header_layout_over_slideshow == '') || ($header_layout_over_slideshow == '-1') ) {
        $header_layout_over_slideshow = haru_get_option('haru_header_layout_over_slideshow');
    }
    if ($header_layout_over_slideshow == '1') {
        $header_class[] = 'header-over-slideshow';
        // Header Over Slideshow Menu Color
        $header_navigation_skin = get_post_meta( get_the_ID(), 'haru_' . 'header_navigation_skin', true );
        if ( ($header_navigation_skin == '') || ($header_navigation_skin == '-1') ) {
            $header_navigation_skin = haru_get_option('haru_header_navigation_skin');
        }
        $header_class[] = $header_navigation_skin;
    
        // Hover Header On Slideshow
        $header_over_slideshow_hover = get_post_meta( get_the_ID(), 'haru_' . 'header_over_slideshow_hover', true );
        if ( ($header_over_slideshow_hover == '') || ($header_over_slideshow_hover == '-1') ) {
            $header_over_slideshow_hover = haru_get_option('haru_header_over_slideshow_hover');
        }
        if ($header_over_slideshow_hover == '1') {
            $header_class[] = 'header-hover-on';
        }
    }
    
    // Maybe use Header under slideshow option
    $header_layout_under_slideshow = get_post_meta( get_the_ID(), 'haru_' . 'header_layout_under_slideshow', true );
    if ( ($header_layout_under_slideshow == '') || ($header_layout_under_slideshow == '-1') ) {
        $header_layout_under_slideshow = haru_get_option('haru_header_layout_under_slideshow');
    }
    if ( $header_layout_under_slideshow == '1' ) {
        $header_class[] = 'header-under-slideshow';
    }
    
    // Header Sticky
    $header_sticky = get_post_meta( get_the_ID(), 'haru_' . 'header_sticky', true );
    if ( ($header_sticky == '') || ($header_sticky == '-1') ) {
        $header_sticky = haru_get_option('haru_header_sticky');
    }
    if ( $header_sticky == '1' ) {
        $header_class[] = 'header-sticky';
    }
    // Sticky Skin
    $header_sticky_skin = get_post_meta( get_the_ID(), 'haru_' . 'header_sticky_skin', true );
    if ( ($header_sticky_skin == '') || ($header_sticky_skin == '-1') ) {
        $header_sticky_skin = haru_get_option('haru_header_sticky_skin');
    }
    $header_class[] = $header_sticky_skin;
    
    // Header navigation layout
    $header_nav_layout = get_post_meta( get_the_ID(), 'haru_' . 'header_nav_layout', true );
    if ( ($header_nav_layout == '') || ($header_nav_layout == '-1') ) {
        $header_nav_layout = haru_get_option('haru_header_nav_layout');
    }
    // Set Default
    if ( isset($header_nav_layout) ) {
        $header_nav_layout = 'container';
    }
    
    ?>
    <header id="haru-header" class="<?php echo esc_attr( join(' ', $header_class) ); ?>">
        <div class="haru-header-nav-wrap">
            <div class="row header-nav-above d-flex justify-content-between">
                <div class="col-lg-1 col-md-1 header-left header-elements align-self-center">
                    <?php get_template_part('templates/header/header-elements', 'left' ); ?>
                </div>
                <div class="col-lg-10 col-md-10 header-center d-flex align-self-center align-items-center">
                    <!-- Menu Left -->
                    <div class="menu-left header-navigation navbar navbar-toggleable-md" role="navigation">
                        <div id="left-menu-primary" class="menu-wrap">
                            <?php
                                $arg_menu = array(
                                    'menu_id'        => 'left-menu',
                                    'container'      => '',
                                    'theme_location' => 'left',
                                    'menu_class'     => 'haru-main-menu nav-collapse navbar-nav nav-separate',
                                    'fallback_cb'    => 'haru_please_set_menu',
                                    'walker'         => new HARU_MegaMenu_Walker()
                                );
                                wp_nav_menu( $arg_menu );
                            ?>
                        </div>
                    </div>
                    <!-- Logo -->
                    <div class="header-logo-wrap">
                        <?php get_template_part('templates/header/header-logo' ); ?>
                    </div>
                    <!-- Right Menu -->
                    <div class="menu-right header-navigation navbar navbar-toggleable-md" role="navigation">
                        <div id="right-menu-primary" class="menu-wrap">
                            <?php
                                $arg_menu = array(
                                    'menu_id'        => 'right-menu',
                                    'container'      => '',
                                    'theme_location' => 'right',
                                    'menu_class'     => 'haru-main-menu nav-collapse navbar-nav nav-separate',
                                    'fallback_cb'    => 'haru_please_set_menu',
                                    'walker'         => new HARU_MegaMenu_Walker()
                                );
                                wp_nav_menu( $arg_menu );
                            ?>
                        </div>
                    </div>
                </div>
                <div class="col-lg-1 col-md-1 header-right header-elements align-self-center">
                    <?php get_template_part('templates/header/header-elements', 'right' ); ?>
                </div>
            </div>
        </div>
    </header>

    You can use FTP client to do it or maybe change it in Appearance -> Theme Editor and select Shang theme at the top right.
    Hope this help!

    ****
    Regards,
    HaruTheme

    • This reply was modified 2 years, 2 months ago by admin.
    #4964
    scevra
    Support Expired

    Thank you, but I don’t understand what to change in the code in order to make the menu work. Can you explain me better? thanks

    – You mean I have to change the code with the one you provided me above?

    #4965

    Hi,
    We already said above:
    You can use FTP client to do it or maybe change it in Appearance -> Theme Editor and select Shang theme at the top right.
    wp-content/themes/shang/templates/header/header-2.php
    is path of your WordPress install.
    About FTP client you can see in this topic:

    How to Manual Update WordPress theme via FTP


    Hope this help!

    ****
    Regards,
    HaruTheme

    #4966
    scevra
    Support Expired

    Yes, it was clear how to change the file with FTP. What it is still not clear is what part of code to change. It is not clear in your message, you are providing this code with this sentence “The code in this file will be like this:”
    I don’t understand what should make the menu work.
    Anyway I replaced the code in header-2.php with the one you provided and it is even worst (see screenshot)

    To simplify, can you just provide to me header-2 code that will make the menu work with 3 pages on the left and 3 pages on the right?

    Thank you again.

    • This reply was modified 2 years, 2 months ago by scevra.
    Attachments:
    You must be logged in to view attached files.
    #4969

    Hi,
    Did you see this explain?
    https://prnt.sc/ra26x0
    You need make area display menu more width.
    Also please send us admin account.
    We’ll check the issue for you.
    Now your site in coming soon mode and we can’t check anything.

    ****
    Regards,
    HaruTheme

    #4971
    scevra
    Support Expired
    This reply has been marked as private.
    #4974

    Hi,
    We checked your site and see wrong code here:
    https://prnt.sc/ram4u7
    We changed and now it’s working fine:
    https://prnt.sc/ram5am
    Hope this help!

    *****
    Regards,
    HaruTheme

    #4976
    scevra
    Support Expired

    Thank you very much for your help!

    #4978

    Thanks for your feedback!

    ****
    Regards,
    HaruTheme

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

You must be logged in to reply to this topic.