Admin Bar obscures Floating Menu

  • Rhapsody


    Using Graphene theme 2.7.6 and am using the floating menu option. This works great. When the WordPress Admin bar is enabled, it obscures most of the floating menu. Does anyone know the css code I can use to detect when the WordPress menu bar is enabled and nudge the floating menu down?


    Syahir Hakim


    The admin bar shouldn’t be overlapping the floating menu. Please provide the URL to your site so that we can take a look.




    Use this test site link and login as User: Crew Password: Member

    Once logged in, scroll down and you will see the admin bar covers the floating menu.


    Syahir Hakim


    Thanks for that. It looks like you’re using a child theme, and it’s not loading the responsive.css stylesheet.

    Can you post the content of the child theme’s functions.php file here?



    Yes – I am using a child theme. Below is the functions.php

    /** This links the customized child theme to the parent theme  **/
    function my_theme_enqueue_styles() {
        $parent_style = 'graphene-style'; // This is 'twentyfifteen-style' for the twentyfifteen theme.
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',
            get_stylesheet_directory_uri() . '/style.css',
            array( $parent_style ),
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
    // End of setting up Child Theme

    Syahir Hakim


    Try changing this line:

    $parent_style = 'graphene-style';

    to this:

    $parent_style = 'graphene';



    That worked! Thanks very much Syahir.

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

  • You must be logged in to reply to this topic.