Okay
  Public Ticket #2992301
menu background
Closed

Comments

  • ISPROMAY135 started the conversation
    March 1, 2022 at 9:58am

    Buongiorno,

    vorrei inserire un colore di background (#29235c) solo ed esclusivamente alla barra dove è presente il menu, mentre la barra dove è presente il logo lascaire un background bianco. è possibile forse aggiungendo una riga di codice?

    In allegato un immagine di come vorrei che venisse il menu.

    Grazie per l'aiuto

  •  1,877
    Judith replied
    March 1, 2022 at 10:17am

    Hi There,

    Please input this css in css custom code under Salient > General Settings > CSS/Script Related:

    #header-outer[data-format=centered-menu-under-logo] #top nav {
        display: inline-block;
        background: # 29235c;
        width: 101vw;
        padding: 10px;
    }
body.ascend #header-outer[data-format=centered-menu-under-logo] #top .row .span_3, body.ascend #header-outer[data-format=centered-menu-under-logo] #top .row .span_9, body.material #header-outer[data-format=centered-menu-under-logo] #top .row .span_3, body.material #header-outer[data-format=centered-menu-under-logo] #top .row .span_9, body.original #header-outer[data-format=centered-menu-under-logo] #top .row .span_3, body.original #header-outer[data-format=centered-menu-under-logo] #top .row .span_9 {
        width: 100vw !important;
        right: 175px;
    }

    Thanks.


  • ISPROMAY135 replied
    March 3, 2022 at 1:44pm

    ok grazie per il codice segnalato.

    E se io invece volessi dare un colore diverso all'icona del menu ma solo per visualizzazione smartphone come posso fare?

    Vorrei che non fosse bianca ma con questo codice (#29235c)

    2598209458.png
  •  1,877
    Judith replied
    March 3, 2022 at 1:48pm

    Hi There,

    Please try this css:

    #header-outer #top .slide-out-widget-area-toggle a .lines:after, #header-outer #top .slide-out-widget-area-toggle a .lines:before, #header-outer #top .slide-out-widget-area-toggle a .lines-button:after, body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, body.material.mobile #header-outer:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, #search-outer .close-wrap .close-line, #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line, .nectar-slide-in-cart.style_slide_in_click .close-cart .close-line, .nectar-ajax-search-results h4 a:before {
        background-color: #29235c;
    }

    Thanks.

  • ISPROMAY135 replied
    March 3, 2022 at 4:51pm

    è possibile inserire un menu visibile solo per computer e uno Off-canvas visibile solo per smartphone?

  •  8,839
    Tahir replied
    March 3, 2022 at 8:22pm

    Hey Again,

    Yes, that's possible using the Default Feature in the Salient Theme Options -> Header Navigation Section.

    Thanks 

    ThemeNectar Support Team