Top bar menu - by Vincent34 - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 9 years ago ago by Brian Johnson

  • Avatar: Vincent34
    Vincent34
    Participant
    December 3, 2015 at 10:36

    Hello. I’m using Royal store , header 7, and try to customize the top bar.
    I’ve already created a menu ( ” Topmenu”) which appears in the top bar.
    Issues :
    – The “My account” and “Logout” original menu items remains ( toplinks) . How can I remove these two items ?
    – The background item of my Topmenu appears white when on the destination page. As the typo is also white, it becomes unreadable. I wasn’t able to find any css command to change this.
    – the :hover property seems not work. I would like the same behaviour with my Topmenu than the main menu when mouse hovers, that is , change color, and without underline

    Thank you for your help !

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 3, 2015 at 11:20

    Hello,

    1) Please provide us with wp-admin access in Private Content.

    2) Please provide us with page where top bar has white background.

    3) Try use the following code in Global Custom CSS

    .top-bar .topbar-widget.widget_nav_menu li a:hover {
        text-decoration: none;
        color: #e03e3e !important;
    }

    Regards,
    Robert Hall.

    Avatar: Vincent34
    Vincent34
    Participant
    December 3, 2015 at 13:25

    Thank you. I used this code but with a syntax mistake. Now it works, thank you for the correction. Informations follows in private section

    Please, contact administrator
    for this information.
    Avatar: Brian Johnson
    Brian Johnson
    Member
    December 3, 2015 at 15:02

    Hello

    To change links color please add following code:

     .widget_nav_menu li a:hover {text-decoration:none!important;}
    .widget_nav_menu li.current-menu-item a {background:transparent!important;}
     .widget_nav_menu li a:hover {text-decoration:none!important;}
     .links li a:hover{color: #e03e3e!important;text-decoration:none;}

    Regards,
    Brian Johnson

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.