"MENU" color change

Hi there. Really nice template. Anyway, I have some question. Is there easy way to change color of "MENU" and three lines there?:

temp.jpg

Thx in advance.

Hi Dusan,
you can play in override.css within this section:

Code: Select all

.dark-bg #gkLogo.text,
.dark-bg #gkMobileMenu span {
  color: #fff;
}
.dark-bg #gkMobileMenu i,
.dark-bg #gkMobileMenu i:after,
.dark-bg #gkMobileMenu i:before {
  background: #fff;
}
.gk-fixed-nav #gkLogo.text,
.gk-fixed-nav #gkMobileMenu span {
  color: #1b1d1e;
}
.gk-fixed-nav #gkMobileMenu i,
.gk-fixed-nav #gkMobileMenu i:after,
.gk-fixed-nav #gkMobileMenu i:before {
  background: #1b1d1e;
}

Do not forget to make a backup of this file!
Cheers,
XLive

Thx...but..my override.css from tepmlate css folder is empty. I added those code in there, switched ON css override, but nothing happened

Any suggestion, Gavick team? Thx in advance!

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Thx for your help. You helped mi in another post where I added this problem as it was unanswered for a long time. Anyway, it is this site: http://hedon.sk/sk/ ...and now I fixed it by css override, but when scrolling menu into white area, it is not changing to be dark as for example here in contact subpage: http://hedon.sk/sk/kontakt

Hi

You need to have a page class suffix of "dark-bg" for that. Here an example of how to do that: https://www.gavick.com/documentation/un ... omla-pages

I am playing with it...but..no success. So, my question is...for which item I have use "dark-bg" suffix? Actually I have no problem with color of menu in dark background. Problem is with light background. I checked "Suffixes for pages" in template, but there is no item-id which have something to do with http://hedon.sk/sk/kontakt ...where it works well.

Hi

Please remove my code. I need to ask programmers for help here.

Hi

Sorry, I've missed that programmers answered already. Please remove "parallax-bg" from the module class suffixes in modules in tabs.

I'd like to change the color of the three lines in the mobile menu, too,
only when you see the header module, not when you scrollo down, since I need it to be white,
as you can see in the attached pics (01.png is when you see the header module, 02.png when you scroll down).

I was able change the text color ("menu"), but not of the three lines.

Would you please tell me which code to change and in what?

Thank you!

Hi

@jowenz tell me the url to Your site so I'll check and make sure css compressions is disabled.

http://www.spaccioagricolobellaria.it

Please tell me when you have you the website.
I'd like to take it offline again, since it's not ready.

Thank you!

Hi

Your site has classic menu set at the moment, so I'll try to guess. If You want to change starting color than go to template.css file and in line 289 change them in class:

Code: Select all

.dark-bg #gkMobileMenu i,
.dark-bg #gkMobileMenu i::after,
.dark-bg #gkMobileMenu i::before {
    background: #fff none repeat scroll 0 0;
}


Thanks for helping.
Sorry, if I didn't understand what I should change.

This is the code I found in line 289 of template.css:

Code: Select all

}
.dark-bg #gkMobileMenu i,
.dark-bg #gkMobileMenu i:after,
.dark-bg #gkMobileMenu i:before {
  background: #fff;
}

what should I change, to change color of the "three lines" in the mobile menu?

Hi

Color is defined by this #fff . It's a white color in hex. Just change it to the color of Your choosing.

Maybe I didn't explain myself in the right way...
I wanted to change the color of the three lines from dark grey to white (fff).
It took me a while, but I found out where to change it:

In template.ecommerce.css
in line 1501 I put this:

Code: Select all

}
#gkMobileMenu i:before,
#gkMobileMenu i:after {
  background: #fff;

and in line 1485 this:

Code: Select all

}
#gkMobileMenu i {
  background: #fff;

I works. I hope it won't create any problems.
What do you think about?

Thank you.

Hi

Yes it's good. It's the same solution I proposed. Happy it worked