Joomla Templates Club 406,261 posts

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#200616

Hi, how can i change the gray header color above the green line? This color is only viewable in the responsive layout.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546394

Try pasting the following CSS rule within your custom.css file, and then modify the background color code:


.navbar-inner {
background-color: #f5f5f5

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546586

The code didn’t work.

<em>@TomC 441838 wrote:</em><blockquote>Try pasting the following CSS rule within your custom.css file, and then modify the background color code:


.navbar-inner {
background-color: #f5f5f5
</blockquote>

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#546596

<em>@rwold 442065 wrote:</em><blockquote>The code didn’t work.</blockquote>

Whoops … missing a semi-colon at the end:


.navbar-inner {
background-color: #f5f5f5;


Try again 🙂

1 user says Thank You to TomC for this useful post

1. Robin

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546605

it still doesn’t work 🙁 …sorry for the trouble

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

#546644

Hello
Add this css code in your custom.css file

@media (max-width: 767px) {
.t3-mainnav .navbar-inner {
background: #000 }}


Change the value of color code>>> #000 as per your need .
Let me know if it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. Robin

[Robin Friend RobinJoin date: March 2014Posts: 201Downloads:3Uploads:26 Thanks: 49 Thanked: 4 times in 1 posts]

#546705

Yay, that worked! Thank you!!!!!!!!!!!! 🙂 <em>@pankajsharma 442128 wrote:</em><blockquote>Hello
Add this css code in your custom.css file

@media (max-width: 767px) {
.t3-mainnav .navbar-inner {
background: #000 }}


Change the value of color code>>> #000 as per your need .
Let me know if it helps</blockquote>

[Author]

Posts