Okay
  Public Ticket #350032
How to remowe indicator from header menu
Closed

Comments

  • Mariusz started the conversation

    Hi there:) I use Sailent version 4.9 and i want to know how can i remove indicators "^" form header menu?

  •  8,847
    Tahir replied

    Hey!

    Can you provide the site url so i can write up some custom css. 

    Thanks 


    ThemeNectar Support Team 

  • Mariusz replied

    Hi there:)

    my www site is http://myworkflow.info

    thank for quick replay.

    i solved indicator problem by changing theme skin to ascend in general settings. But i would like to have a transparent background for hover/ not hover menu in submenu from Lösungen. I have only transparent background for all submenu but not for hover/not hover objects (attachment). Can you help me in this case?

    P.S.

    one more problem is that when i am on Startseite then i have only gray letters in mainmenu, but when the picture go to secound in nectar slider then i see blue Stratseite and the rest is gray and that is correct. Why all letters from mainmenu are gray only on first picture from slideshow? 

    My custom css from General Settings:

    #boxed #header-outer.transparent[data-transparent-header="true"] {
    border: none !important;
    background-color: rgba(255, 255, 255, 0.6)!important;
    }



    #header-outer {
    position: absolute !important;
    width: 100% !important;

    }

    .swiper-slide[data-color-scheme="dark"] .content h2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 10px 0 0 rgba(255, 255, 255, 0.4), -10px 0 0 rgba(255, 255, 255, 0.4);
    }

    .swiper-slide .content h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
    display: inline;
    left: 10px;
    padding: 1.5px;
    position: relative;
    }


    #boxed, #boxed #header-outer,
    #boxed #header-secondary-outer,
    #boxed #page-header-bg[data-parallax="1"],
    #boxed #featured, #boxed .orbit > div,
    #boxed #featured article, .ascend
    #boxed #search-outer {
    width: 100% !important;
    }

    #footer-outer #footer-widgets .col ul li {
    border-bottom: 0px solid rgba(0, 0, 0, 0.1) !important;
    }

    #header-outer.transparent header#top nav > ul > li > a:hover,
    #header-outer.transparent header#top nav .sf-menu > li.sfHover > a,
    #header-outer.transparent header#top nav .sf-menu > li.current_page_ancestor > a,
    #header-outer.transparent header#top nav .sf-menu > li.current-menu-item > a,
    #header-outer.transparent header#top nav .sf-menu > li.current-menu-ancestor > a,
    #header-outer.transparent header#top nav .sf-menu > li.current_page_item > a,

    #header-outer.transparent header#top nav > ul > li > a,
    #header-outer.transparent header#top nav ul #search-btn a span,
    #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class^="icon-"],
    #header-outer.transparent nav > ul > li > a > .sf-sub-indicator [class*=" icon-"],
    #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart, .ascend
    #boxed #header-outer.transparent .cart-menu .cart-icon-wrap .icon-salient-cart
    {

    color: #636467 !important;
    opacity: 1 !important;
    transition: opacity 0.2s linear 0s, color 0.2s linear 0s;
    }


    #header-outer.transparent.dark-slide header#top nav > ul > li > a:hover,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.sfHover > a,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current_page_ancestor > a,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-item > a,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-ancestor > a,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current_page_item > a,
    #header-outer.transparent.dark-slide header#top nav > ul > li > a:hover > .sf-sub-indicator > i,
    #header-outer.transparent.dark-slide header#top nav > ul > li.sfHover > a > span > i,
    #header-outer.transparent.dark-slide header#top nav ul #search-btn a:hover span,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-item > a i,
    #header-outer.transparent.dark-slide header#top nav .sf-menu > li.current-menu-ancestor > a i,
    #header-outer.transparent.dark-slide .cart-outer:hover .icon-salient-cart, body.ascend[data-header-color="custom"]
    #boxed #header-outer.transparent.dark-slide .cart-outer:hover .cart-menu .cart-icon-wrap i {

    color: #00668c !important;
    }

    header#top .sf-menu li ul li a:hover {
    background-color: rgba(0, 102, 140, 0.95) !important;
    }

    Thank for helping me:)

  •  8,847
    Tahir replied

    Hey!

    I cant seem to access the live url . Could you please make it live so i can take a look. 

    Thanks 


    ThemeNectar Support Team 

  •   Mariusz replied privately
  •  8,847
    Tahir replied

    Hey!

    Sorry for the delay. I cant seem to fix the issue as there is too much custom code and css in it and i cant make sense of it.

    All the Best,

    -T


    ThemeNectar Support Team 

  • Mariusz replied

    Perhaps you can help me only with mobile template? When i click menu botton than menu slide to bottom position and slide nectar slide to right? how can i solve it?

  •  8,847
    Tahir replied

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    #mobile-menu .container > ul > li {
        float: none !important;
        margin-right: 0px !important;
    }
    
    
    #mobile-menu ul li ul {
        margin-right: 0px !important;
    }
    
    
    #mobile-menu ul li ul li {
        float: none !important;
    }
    
    
    #mobile-menu ul li ul br {
        display: none !important;
    }
    
    This is the problem code , see screenshot: http://prntscr.com/5vbqeo  .
    Thanks 


    ThemeNectar Support Team 

  • Mariusz replied

    Wow thanks:) it works:) many many thanks:)

    the only thing is that when i click on menu (mobile template size) than logo and menu icon is not showing. If you can help me in this small bug i will be very grateful.

    one more time thanks for your help.

  •  8,847
    Tahir replied

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel :
    #mobile-menu {
        top: 60px !important;
    }
    
    Thanks 
     


    ThemeNectar Support Team 

  • Mariusz replied

    thanks you are the best!!! 

    all works perfect:)