Joomla Templates Club 406,261 posts

[dbomans Friend dbomansJoin date: April 2014Posts: 8Downloads:9Uploads:0]

#940868

hi… in JA Mero how can I change the colour of the ‘block’ button used to expend the collapsed menu on a small screen? The default is dark grey, once clicked it becomes blue. Thx!

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#940963

Hi
Add below code in custom.css file to change the off-canvas button color
/css/custom.css (if its not present kindly create it)

.ja-mainnav .navbar .btn-navbar:active, .ja-mainnav .navbar .btn-navbar.active, .ja-mainnav .navbar .btn-navbar.disabled, .ja-mainnav .navbar .btn-navbar[disabled] {
    color: #fff;
    background-color: #d9d9d9!important;
}

[dbomans Friend dbomansJoin date: April 2014Posts: 8Downloads:9Uploads:0]

#942200

Hi,

added the below code as instructed, but it doesn’t change the button color, whatever hex color code I use 🙁

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#942271

Hi
Kindly share your working site url here , so i can check this on your site .
Also set the css compression to OFF .

[dbomans Friend dbomansJoin date: April 2014Posts: 8Downloads:9Uploads:0]

#942285

ccs optimization is set to off.
Website is http://www.fcbeigem.be.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#942287

Hi
Use this code in custom.css file

.ja-mainnav .navbar .btn-navbar {
    background: #fff; }

After save it will like this : http://prntscr.com/bixsn6

[dbomans Friend dbomansJoin date: April 2014Posts: 8Downloads:9Uploads:0]

#942574

Yep… That did the trick. Thx.
I can now change the background colour. What code do I need to add to also change the colour of the three black stripes in that block? I basically want the same colour set as when you once selected the button ( white text on blueish background).

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#942580

Hi
use the code below for icon bar

ja-mainnav .navbar .btn-navbar .icon-bar {
    background: #fff!important;
}

[Author]

Posts