This topic has 7 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #138875
     tberkow123
    Participant

    Hello, is there a way to make the side menu button look like the attached photo? Basically add ” |   MORE” before the the fa-bars? In the attachment “BLOG” is the last item in the regular nav menu.

    Attachments:
    You must be logged in to view attached files.
    #138903
     Radu
    Moderator

    Hi,

    So practically you want to have more button before the icon ? If yes use the next php function that you will have to add wp-content/themes/kleo-child/functions.php

    COPY CODE
    
    if( ! function_exists( 'kleo_side_menu_button' ) ) {
        /**
         * Add side button to menu
         * @param string $items
         * @param object $args
         * @return string
         */
        function kleo_side_menu_button ( $items, $args )
        {
            if ($args->theme_location == 'primary')
            {
                $items .= '<li id="nav-menu-item-side" class="menu-item">' .
                    '<a href="#" class="open-sidebar" onclick="javascript:return false;">' .
                    'MORE  <i class="icon-menu"></i>' .
                    '</a>' .
                    '</li>';
            }
            return $items;
        }
    }
    

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #138929
     tberkow123
    Participant

    This seemed to have made it not clickable and the icon is gone. I also wanted the space and line before the MORE that was shown in the screen shot. Is that possible?

    #139076
     Radu
    Moderator

    Make sure to paste the code correctly on my install it works

    Copy and paste again the code from here : http://pastebin.com/raw/XnD2bpUb

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #139171
     tberkow123
    Participant

    Yes, that worked! Thank you!!

    #139287
     Radu
    Moderator

    Great

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #140295
     tberkow123
    Participant

    It seems after making this alteration, my navigation moved under my logo at 1200px. Is there a way to make the mobil menu appear at 1200? Or a way to fix it so it doesnt break to the next line?

    Attachments:
    You must be logged in to view attached files.
    #140362
     Radu
    Moderator

    That happens because there it’s no enough space try to set font size little smaller..

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 8 posts - 1 through 8 (of 8 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?