Burger Menu icon – size and color, border

Hi,
i tried to use some CSS to customize burger-menu icon.
I have noticed that color is possible to set in menu section in but it’s doesn’t work me.
The same when i was using CSS for this.

Could you please help me?

Here’s the site:

The CSS which i am using right now:

#header_meta .container > li.lang-item {
    display: none;
}
.my-lang {
width: auto;
position: relative;
right: 10px;
}

.lang-item {
display: inline;
margin-right: 10px;
float: right;
margin-top: 6px;
}

.grid-entry .inner-entry {
margin-right: 40px;
margin-left: 40px;
margin-top: 40px;
margin-bottom: 40px;
}

.grid-entry .main_color .avia-arrow, .main_color .grid-content { background-color: #191919; color: #191919; }
.main_color .grid-entry-title { background-color: #191919; color: white; }

.avia-slideshow-button.avia-button.avia-color-black{
font-size: 25px;
min-width: 200px;}

@media only screen and (min-width: 100px) {
#footer .flex_column:nth-child(1) .widgettitle {
    text-align: center;
}}

@media only screen and (min-width: 100px) {
#footer .flex_column:nth-child(2) .widgettitle {
    text-align: center;
}}

@media only screen and (min-width: 100px) {
#footer .flex_column:nth-child(3) .widgettitle {
    text-align: center;
}}

.comment-entry.post-entry {
    display: none;
}

For now I’m would like to get the icons bigger (search and burger), change the color fe. black and maybe some 50% opacity background around the icon, fe. white.

Regards,

• This topic was modified 7 years, 3 months ago by itransact.