Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #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.
    #312813

    Hi 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,
    Yigit

    #312844

    Thanks! 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!?

    #312857

    Hi!

    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,
    Yigit

    #312918

    Hmm, 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?

    #312921

    Hey!

    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,
    Yigit

    #312937

    No! It’s the Shrinking Header I’m talking about.

    #312938

    Hi!

    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!
    Yigit

    #312944
    This reply has been marked as private.
    #312948

    Hi!

    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 queries

    Cheers!
    Yigit

    #312957

    Sorry 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?

    #313057

    Hi!

    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!
    Yigit

    #313269

    Now it’s opened again! Thanks for a great support! :)

    • This reply was modified 10 years, 3 months ago by Effektid.
    #313454

    I have to close it know! Please let me know what time suites best to check the website!

    #313467

    Hi!

    You can post a temporary login here privately and keep your website in maintenance mode.

    Best regards,
    Yigit

    #313871
    This reply has been marked as private.
    #314280

    Hi!

    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

Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.