collapse icon

[WinDroidAnswers]

Hi there,

we’re looking to find a way to change this icon,

may you help us to do this?

http://prntscr.com/i1u5i8

[Laura]

Hello, sure, which icon do you want to use?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[WinDroidAnswers]

i dont know maybe one like the logo if we can add one of yours or a simple menù button andoid oreo style

[Laura]

Hello, if you send me the logo icon i can use it for the menu 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[WinDroidAnswers]

may you show me how to do that?

something like this but with our logo colors:
https://dribbble.com/shots/2420240-Menu-to-X-Animation

[Laura]

Hello, should be done, i added this to your style.css of child theme

COPY CODE

span.sidemenu-icon {
    background-image: url(http://www.windroidanswers.com/wp-content/uploads/2018/01/collapse-icon-SeventhQueen-Support-Google-Chrome_2_burned.png) !important;
    width: 20px;
    height: 20px;
    background-size: cover !important;
    font-size: 0px;
    color: transparent !important;
}
span.sidemenu-icon span {
    display: none !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[WinDroidAnswers]

Hi there,
Is it possible to have a collapse animation or something like the one I sent to you?
we can make a gif for the animation if you tell us it is possible to add
https://dribbble.com/shots/2420240-Menu-to-X-Animation

[Laura]

Hello, sadly we can’t create that, you would need to hire a developer for that 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[WinDroidAnswers]

so nevermind, we apply your custom code

COPY CODE

span.sidemenu-icon {
    background-image: url(http://www.windroidanswers.com/wp-content/uploads/2018/01/collapse-icon-SeventhQueen-Support-Google-Chrome_2_burned.png) !important;
    width: 20px;
    height: 20px;
    background-size: cover !important;
    font-size: 0px;
    color: transparent !important;
}
span.sidemenu-icon span {
    display: none !important;
}

in this script, it is possible to put also the icon closed or open?
for example we’re going to change the jpg file and want to use one when the menu is open and another when is closed if possible

[WinDroidAnswers]

something like this might be awesome 😀
https://codepen.io/rss/pen/vIDKH

[WinDroidAnswers]

we just follow your cutom css and change the jpg file, now it is better 🙂
thanks for your help

[Laura]

Glad you could resolve it! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts