New Landing How can we help? Themeforest Theme Support Flexform Color display problem on the sub menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Posted in: Flexform
  • #116395
    blaouchez
    Member
    Post count: 448

    Color display problem on the sub menu

    > From the home page: OK (screenshot 1)
    > If I click on the “Areas of expertise”: BAD (screenshot 2)
    > If I click on a sub category: BAD (screenshot 3)

    All custom styles on the navigation bar:

    /*--Couleur survol--*/
    nav .menu li:hover {
    	text-decoration: none;
    	background-color: #00538A;
    }
    /*--couleur survol de la rubrique "Accueil" qui ne prend pas le style des autres rubriques--*/
    .menu li.current-menu-item:hover a{
    	color:#fff !important
    }
    
    /*--Sous-menu : mise en forme--*/
    nav .menu ul li {
    	border-bottom: 1px solid #eeeeee;
    	font-size: 13px;
    	text-align: center;
    	width: 180px;
    	padding-top: 2px;
    	padding-right: 4px;
    	padding-bottom: 2px;
    	padding-left: 4px;
    }
    /*--Hauteur rubriques--*/
    #nav-section {
        margin-top: 88px !important;
    }
    /*--Hauteur sous-rubriques--*/
    nav .menu ul{
    	top:26px !important
    }
    nav .menu li {
    	float: left;
    	display: inline-block;
    	font-size: 13px;
    	position: relative;
    	z-index: 3;
    }
    nav .menu li a {
    	text-decoration: none;
    	padding: 12px 0;
    	margin: 0 15px;
    	display: block;
    	white-space: nowrap;
    	background: transparent;
    	/*--padding du fond en survol--*/
    	padding:3px 0px !important;
    }

    Regards

    Attachments:
    You must be logged in to view attached files.
    #116421
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    Replace this current code

    
    /*--couleur survol de la rubrique "Accueil" qui ne prend pas le style des autres rubriques--*/
    .menu li.current-menu-item:hover a{
        color:#fff !important
    }
    
    

    By this one

    
    nav .menu li.current-menu-item > a:hover {
    color: #FFF!important;
    }

    -Rui

    #116437
    blaouchez
    Member
    Post count: 448

    From the home page, it’s good

    But if I click on a main topic and I flew over the sub menu, the text is black (it should be white like the other items)

    #116457
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Can you also add the code below.

    
    li.current-menu-item > a {
    color: #FFF;
    }

    -Rui

    #116462
    blaouchez
    Member
    Post count: 448

    It doesn’t work, some items are invisible

    #116575
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Everything looks perfect here so please check after clear the cache of browser.
    Thanks
    Mohammad

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register