Support » Theme: Storefront » Sub-menu Hover problem when create Child Theme

  • Resolved Mostafa farhadmolla

    (@farhadmolla)


    Hello I think this is a bug.
    In lasted version(3.5.1) when i create a child theme and activate child them on rtl languages , i see gray like below main menu when i hover it.
    and check out CSS and find out the problem is in inline CSS and it’s be OK if we delete
    background-color: #f0f0f0;

    CSS class:

    .main-navigation ul.menu ul.sub-menu,.main-navigation ul.nav-menu ul.children {
        /*! background-color: #f0f0f0; */
    }

    about my child theme: i copy storefront default style-rt.css file to theme folder(child theme)

    my style.css file in storefront-child

    
    
    /*!
    Theme Name:   Storefront Child
    Theme URI:    https://woocommerce.com/storefront/
    Author:       Automattic
    Author URI:   https://woocommerce.com/
    Description:  Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
    Version:      3.5.1
    Tested up to: 5.6.0
    Requires PHP: 5.6.0
    Template: storefront
    Text Domain: storefront-child
    License:      GNU General Public License v2 or later
    License URI:  https://www.gnu.org/licenses/gpl-2.0.html
    Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
    */
    /*!
     * normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
     */

    function.php file

    
    
    <?php
    add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
    function enqueue_parent_styles() {
        wp_enqueue_style( 'parent-style-copied', get_template_directory_uri().'/style.css' );
        wp_enqueue_style( 'parent-style-rtl', get_template_directory_uri().'/style-rtl.css' );
    }
    ?>

Viewing 6 replies - 1 through 6 (of 6 total)
  • RK a11n

    (@riaanknoetze)

    Hi there,

    Can you share a link to your site to better understand the issue here?

    Thread Starter Mostafa farhadmolla

    (@farhadmolla)

    Hi, Thanks For the Replay. I have a site on my localhost.
    ( I don’t upload the site currently. so I upload a video(a gif file) of the problem and my child theme..you can check it)
    Child Teme:https://file.io/Fn2FDJAh9QeE
    Gif file:https://ibb.co/fkmJJ7V

    What I did:
    1- enable Child Them
    2- Set a Primary menu that has a submenu
    and you can see in the image what happened.

    Niall a11n

    (@wpniall)

    Hi @farhadmolla,

    Thanks for providing further details.

    Hmm, I do see what you mean by the submenu not displaying correctly when you hover over it.

    I am not seeing any bugs reported for RTL languages, so I am just wondering what might be causing this behavior. Do you only have this problem with your Storefront child theme or do you have the same problem when using the parent theme too?

    Thread Starter Mostafa farhadmolla

    (@farhadmolla)

    Hello @wpniall

    Thanks For the Replay.
    I have a problem with child them. I create another video of it.
    I don’t know if this is a bug or not.
    https://streamable.com/ahlkga
    Thanks.

    Hi there @farhadmolla👋🏽

    I have a problem with child them. I create another video of it.
    I don’t know if this is a bug or not.
    https://streamable.com/ahlkga

    Thanks for the screencast! Could you please temporarily switch to the parent Storefront theme and see if the issue gets fixed?

    If the issue is resolved and since this forum is specifically for assistance with the parent (Storefront) theme, I’d recommend reaching out to the developers of the child theme for further instructions on fixing the error you’re seeing.

    If the issue persists when using the Storefront parent theme keep us posted as we would need to keep researching this with you.

    Cheers!

    Hi there!

    It seems that we haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.