Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 28, 2013 at 1:58 pm #194329
    iwanhaex

    Pleas can you tell me how to change the following

    In my navigation menu i have a few menu-items like this

    Print/Scan Oplossing

    and i want to change that in

    Print/Scan
    Oplossing

    In the pagetitle i thougt that the solution was : Print/Scan<br> Oplossing
    But that was not right. I need to change the css but where and how.

    Can you help?

    greatings

    Iwan.

    November 28, 2013 at 10:15 pm #194516
    Josue

    Hi Iwan!

    I’ve found this code, add this to the function.php file (at the end)

    function wpa_105883_menu_title_markup( $title, $id ){
    if ( is_nav_menu_item ( $id ) ){
        $title = preg_replace( '/#BR#/', '<br/>', $title );
    }
    return $title;
}
add_filter( 'the_title', 'wpa_105883_menu_title_markup', 10, 2 );

    Then when setting the Menu title, simply put it like this:

    Cheers!
    Josue

    November 29, 2013 at 1:52 pm #194726
    iwanhaex

    Hello Josue,

    When i ad this code

    *********
    function wpa_105883_menu_title_markup( $title, $id ){
    if ( is_nav_menu_item ( $id ) ){
    $title = preg_replace( ‘/#BR#/’, ‘<br/>’, $title );
    }
    return $title;
    }
    add_filter( ‘the_title’, ‘wpa_105883_menu_title_markup’, 10, 2 );

    ************

    everything freezes and wordpress does not work anymore.

    I put the code in the theme (Enfold) functions is that right?

    Greetings

    Iwan

    November 29, 2013 at 7:53 pm #194820
    Josue

    Hey!

    I tested locally and it worked, can you create an administrator account and post it here as a private reply so i can try it out?

    Best regards,
    Josue

    November 30, 2013 at 12:26 am #194851
    iwanhaex
    This reply has been marked as private.
    December 1, 2013 at 11:42 am #195048
    Ismael

    Hey!

    You can do something like this. Edit the menu item then change the “Navigation Label” to something like this:

    Print/Scan <span class="menu-second-line">Oplossing</span>

    Add this on your custom.css or Quick CSS:

    .menu-second-line {
clear: both;
display: block;
position: relative;
top: -70px;
}

    Cheers!
    Ismael

    December 1, 2013 at 9:39 pm #195108
    iwanhaex

    Thank you all,

    It works.

    gr

    Iwan

    December 2, 2013 at 1:57 am #195134
    Ismael

    Hey!

    Glad it worked. :)

    Regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘navigation’ is closed to new replies.