Jump to content


Photo
- - - - -

NavBar - Background and font color change when responsive


Best Answer GetMeWebDesign , 16 May 2014 - 08:00 PM

Added to paste bin... think it works. Obviously I havent added any colours as no idea what you want, but fairly obvious what to do

Go to the full post


  • Please log in to reply
9 replies to this topic

#1 Taboobear11

Taboobear11

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 15 May 2014 - 11:47 AM

Hi There,

 

The nav bar on the site is set to "base color" - which results in a tan background with black font. However, once the menu goes responsive and turns into the side menu upon clicking, the background turns black and the font turns grey.  Also, on iPhones, the menu items are not visible once the side menu pops out. (Either the font turns black to match the black background, or it's not there at all.)

 

Looking forward to feedback, and if you need any further information at this time.

 

Thanks.



#2 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 15 May 2014 - 08:43 PM

Could we have a link to your site please? 



#3 Taboobear11

Taboobear11

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 16 May 2014 - 04:56 PM

Hi, sure, it's farmside.com.



#4 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 16 May 2014 - 08:00 PM   Best Answer

Added to paste bin... think it works. Obviously I havent added any colours as no idea what you want, but fairly obvious what to do


  • batman and Taboobear11 like this

#5 batman

batman

    Bat Learning

  • Members

  • 2079 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 16 May 2014 - 08:12 PM

HI @GetMeWebDesign

I take note....

:geek:

Thank you !!


  • GetMeWebDesign likes this

#6 Taboobear11

Taboobear11

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 16 May 2014 - 08:45 PM

Rock on, thank you @GetMeWebDesign! Works perfectly!



#7 GetMeWebDesign

GetMeWebDesign

    Advocate

  • Members

  • 524 posts
  • LocationSurrey, UK
  • Framework Version:developer
  • Country: Country Flag

Posted 16 May 2014 - 08:57 PM

No Problem... so you worked out my gibberish 'colors' :)

 

Mark as Best answer in the post... saves the moderators asking you if it is resolved LOL


  • Taboobear11 likes this

#8 Taboobear11

Taboobear11

    Newbie

  • Members

  • 7 posts
  • Country: Country Flag

Posted 17 May 2014 - 01:47 AM

Ha! Yes I figured out your gibberish colors - very straight forward thanks!
  • GetMeWebDesign likes this

#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 15848 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 May 2014 - 11:40 AM

Thanks for informing us the issue has been resolved.



#10 fabienfons

fabienfons

    Advanced Member

  • Members

  • 73 posts
  • Country: Country Flag

Posted 12 July 2014 - 05:09 PM

it doesn't work for me...

I changed the color of the navbar text with this short code : 

.navbar .navline > li > a {font-size: 13px; color:#FFFFFF !important;}

 

it works !

 

BUT : 

I'd like to change the background color of the navbar...

How can i do ?

 

Thanks

 

Fabien