Issue with navigation bar in child theme

  • Hello,

    I have created a child theme of the evolve theme. The evolve theme was not edited before localy and was just downloaded from the offical site.

    functions.php of child theme:

    <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

    style.css of child theme:

    /*
Theme Name:   evolve Child
Theme URI:    [https://example.com/parent-theme/]
Description:  evolve Child Theme
Author:       Michael
Author URI:   [https://deinedomain.at]
Template:     evolve
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Tags:         evolve,child
Text Domain:  evolve -child
*/

    After activating the child the in the wordpress ui, the arrow of the navigation bar was crashed (please look screenshot):
    broken navigation bar in child theme
    navigation bar in standard theme

    Can you tell me how this could occur and can I somehow fix this issue?
    I’m very new at wordpress, so I hope the informations in my questions are correct and complete. Please refer if you need more informations.

    Thanks a lot!

    • This topic was modified 5 years, 9 months ago by michaelgr22.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @michaelgr22,

    the style definition of the child theme is not correct, please use a child theme generator to add it correctly.

    Thread Starter michaelgr22

    (@michaelgr22)

    Hello @romik84 ,

    thank you for the answer.

    I tried it with Child Theme Generator Plugin of WordPress and https://childtheme-generator.com/. With both the same result as above. Do you have more suggestions?

    Thanks,
    Michael

    Thread Starter michaelgr22

    (@michaelgr22)

    After adding the (exact same) code for the breadcrumb from the original style.css to the style.css of my child theme it worked. I wonder if this is the best solution, but I think it’s a good workaround.

    .breadcrumb-item + .breadcrumb-item::before {
    border: solid;
    border-width: 0 .1em .1em 0;
    content: "";
    display: inline-block;
    margin-right: .5rem;
    padding: .15em;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    vertical-align: .15em;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issue with navigation bar in child theme’ is closed to new replies.