Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 4, 2016 at 1:44 pm #681785
    davidbalint

    Hello there!
    First of all, your theme is awesome! I worked with a few wordpress templates along the years but Enfold is simply brilliant!

    I have nearly finished my new project with it, but I got stuck with the customization of the secondary menu’s colors in mobile view. On desktop I set up a transparent header with a color switching code you suggested here on the forum:

    #top .social_bookmarks li a {
    color: gray !important;
    }

    #top .av_header_transparency .social_bookmarks li a {
    color: white !important;
    }
    And it works just fine with desktop view. But when I tested the site from mobile with a not transparent header the link colors were white in the secondary menu, so you can’t see them. Can you please provide me an addition to your code?

    Thank you very much!

    My page is in coming soon mode, so if you need to look at it first please let me know I will flip the switch, or give you the login details if necessary.
    All the best,

    David

    • This topic was modified 7 years, 8 months ago by davidbalint.
    September 5, 2016 at 6:29 am #681946
    Rikard

    Hi David,

    We would need to inspect the page so if you could post login details that would be great, you can post them in the Private Content section of your reply.

    Best regards,
    Rikard

    September 5, 2016 at 9:03 am #682025
    davidbalint

    Hi Rikard, thank you for the reply! I send you the login details in private.

    David

    September 6, 2016 at 6:59 pm #682786
    davidbalint

    Hi Rikard, is there any new information about the issue?
    Thank you,
    David

    September 7, 2016 at 10:14 am #683043
    davidbalint

    Hello there,

    I just want to ask that can you see the login details I submitted in private for the website?

    Thank you!

    David

    September 7, 2016 at 3:44 pm #683208
    Andy

    Hi,

    try this code inside QUick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a {
color: black !important;
}}

    and adjust color as needed.

    Best regards,
    Andy

    September 7, 2016 at 7:28 pm #683309
    davidbalint

    Thank you Andy!

    It works perfectly now!

    Have a great day,

    David

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to switch the color in mobile view of the secondary menu?’ is closed to new replies.