Mainmenu

karloshull

Hi,
How can I change the colours of the mainmenu ?

Karl

saguaros

Hi Karl

You can try with this custom css rule and change to your desired color:

/*background color*/
.navbar-default {
    background-color: #f254b1;
    border-color: #f035a3;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #f035a3;
}

/*Text color*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active.open > a:focus {
    color: #ffffff;
    background-color: rgba(255,255,255,0.15);
    border-radius: 3px;
    border-color: transparent;
}

.navbar-default .navbar-nav > li.active + li > a, .navbar-default .navbar-nav > li:first-child > a, .navbar-default .navbar-nav > li.active + li > span, .navbar-default .navbar-nav > li:first-child > span {
    border-color: transparent !important;
}

/*Hover color*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active.open > a:focus {
    color: #ffffff;
    background-color: rgba(255,255,255,0.15);
    border-radius: 3px;
    border-color: transparent;
}

karloshull

Great, working.

On the mobile version, how can I change the menu square colour?

saguaros

You can customize this css rule:

.off-canvas-toggle {
    background: rgba(255,255,255,0.15);
    color: #ffffff;
}