Okay
  Public Ticket #3780167
Breadcrumb color and icon change
Closed

Comments

  •  3
    lukacsdaniel1 started the conversation

    Hi Support,

    I would like to change the icon and the color on the button what is on the header. 

    Thanks!

    Attached files:  button on header.png

  •  3,001
    Andrew replied

    Hi Luka,

    Thank you for reaching out to us.

    You can change this in the Salient Menu options to change the color of the button https://themenectar.com/docs/salient/salient-menu-options/.

    Try this and let us know how it goes.

    Cheers,

  •  3
    lukacsdaniel1 replied

    Hi Andrew,

    thanks, it works! Last question, where can I change the menu? The original menu is menu.png, and the new, whati I would like to make is whatiwant.png.

    Thanks!

    Attached files:  MENU.png
      what I want.png

  •  3,001
    Andrew replied

    Hi Luka,

    Thank you for getting back to us.

    Please share your site URL so we can check this out for you and advise.

    We look forward to your reply.

    Thanks,

  •  3
    lukacsdaniel1 replied

    Hi,

    I send you: https://www.sohosolymar.hu/

    Thanks,

    Daniel

  •  8,938
    Tahir replied

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>.slide-out-widget-area-toggle {
        transform: scaleX(2.5) translateX(-10px);
    }
    
    #top #mobile-cart-link, #top .mobile-search, #top .span_9>.slide-out-widget-area-toggle {
        transform: scaleX(2) translateX(10px);
    }

    Thanks


    ThemeNectar Support Team 

  •  3
    lukacsdaniel1 replied

    It works! Last question how can I set the line's height and thickness to same?

  •  8,938
    Tahir replied

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .slide-out-widget-area-toggle .lines-button:after,body .lines, body .lines:after, body .lines:before {
        height: 1px !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  3
    lukacsdaniel1 replied

    Thank you so much, everything is working!