-
AuthorPosts
-
September 3, 2014 at 9:32 am #312725
I just wonder how I change the color of the text when the main header meny transform into the mobile menu. As it is now I get a dark orange color of the trext in mobile menu. I also would like to change the color of the text in the small area above the header. Would that be possible? Thanks!
- This topic was modified 10 years, 3 months ago by Effektid.
September 3, 2014 at 1:21 pm #312813Hi Effektid!
Please add following code to Quick CSS
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {color: purple; } .phone-info span { color: red; }
Best regards,
YigitSeptember 3, 2014 at 1:52 pm #312844Thanks! It’s working great, but I meant the menu text in the “sticky” header when you scroll down the page! Sorry! But the other info was also nice to know!
By the way, would it also be possible to have a logo in the mobile menu? It looks a little bit empty without one! If it’s not possible, perhaps in a future update then!?
September 3, 2014 at 2:04 pm #312857Hi!
1- Please add following code to Quick CSS
@media only screen and (max-width: 1024px) { #top #header .av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext { color: #0313f5; }}
2- Feel free to request it here – https://kriesi.at/support/enfold-feature-requests/
Regards,
YigitSeptember 3, 2014 at 3:19 pm #312918Hmm, I think this is wrong info! Why the max-width: 1024px!? I mean the text in the header menu when website is in desktop mode and when I scroll down it change to a “sticky” header menu in the top. It’s that text I want to change the color of?
September 3, 2014 at 3:21 pm #312921Hey!
Do you mean Enfold secondary menu? If so
@media only screen and (max-width: 990px) { .header_color .sub_menu>ul>li>a { color: red; }}
Best regards,
YigitSeptember 3, 2014 at 3:35 pm #312937No! It’s the Shrinking Header I’m talking about.
September 3, 2014 at 3:36 pm #312938Hi!
So the code i posted here should work – https://kriesi.at/support/topic/change-color-on-menu-in-header-menu-when-is-in-mobile/#post-312857
Can you post the link to your website?Cheers!
YigitSeptember 3, 2014 at 3:49 pm #312944This reply has been marked as private.September 3, 2014 at 3:54 pm #312948Hi!
Yes it is private
.header_color .main_menu ul:first-child > li > a { color: black; }
You can change the color in Enfold theme options > Advanced Styling > Main menu links as well.
You said “mobile menu” here that is why i was posting you codes with media queriesCheers!
YigitSeptember 3, 2014 at 4:02 pm #312957Sorry for the extra trouble! I changed the color in the Advanced styling. I have missed that option. But when I change I get the same color, from the beginning there was another color when the meny got smaller. I don’t find any options for that!? Perhaps not that important. But the social icons in the end of the row, still have the other color. Could that also be changed somewhere?
September 3, 2014 at 6:39 pm #313057Hi!
I cannot see your website anymore since you have activated maintenance mode. If you are using CSS minifying feature try disabling it and flush browser cache.
Cheers!
YigitSeptember 4, 2014 at 11:17 am #313269Now it’s opened again! Thanks for a great support! :)
- This reply was modified 10 years, 3 months ago by Effektid.
September 4, 2014 at 4:45 pm #313454I have to close it know! Please let me know what time suites best to check the website!
September 4, 2014 at 5:18 pm #313467Hi!
You can post a temporary login here privately and keep your website in maintenance mode.
Best regards,
YigitSeptember 5, 2014 at 9:31 am #313871This reply has been marked as private.September 6, 2014 at 3:23 am #314280Hi!
The menu item color is white wether the header is scrolled or not. Regarding the social links, add this to fix it:
#header .social_bookmarks a { color: white !important; }
Cheers!
Josue -
AuthorPosts
- You must be logged in to reply to this topic.