Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #699237

    Hi Team,

    I need the links in the small bar above menu to be white when the header is transparent. How would I do that?

    When scrolling down, the content needs to be black as my header is white (without transparency):

    http://webigami.de/hhherz/

    Thanks,
    Jan :)

    • This topic was modified 2 years, 9 months ago by  WEBIGAMI.
    #699254

    Hi Jan!

    Please provide us a link of your web site, so we can give it a look.

    Thanks a lot

    Regards,
    Basilis

    #699267

    Hi Basilis,

    sorry, I didn’t set a name for the link. I updated my message. And here it is also:

    http://webigami.de/hhherz/

    Thank you!

    Jan :)

    #699305

    Hey Jan :)

    Please add following code to Quick CSS

    .av_header_transparency .social_bookmarks li a {
        color: white;
    }

    Cheers!
    Yigit :)

    #699356

    Hi Yigit,

    great to hear from you. That worked, thank you! :)

    Two more questions to this topic:

    1) I want the secondary menu item and the “phone-info”-text to have the same font size. But can’t manage to do it with this code. It changes the phone-info-size but not the secondary menu item:

    .phone-info {
    font-size: 13px;
    .sub_menu font-size: 15px !important;
    }

    2) On smartphone the text colors of the social icons and linked texts are white on white. What can I do?

    Thanks, Yigit!

    Jan :)

    #699401

    PS: I figured out how to change the color for the social icons on smartphones with that:

    @media only screen and (max-width: 467px) {
    .av_header_transparency .social_bookmarks li a {
       color: #252525!important;
    }
    }

    But still can’t figure out how to change the secondary menu’s color and font size on smartphones only.

    But on iPad the header is transparent but the (linked) phone info text appears in black instead of white. Same with linked text on Desktop

    Cheers,
    Jan

    #700421

    Hi Webigami,

    Just to correct the code above, that’s why only the phone info is working:

    .phone-info {<br>
    font-size: 13px;<br>
    .sub_menu font-size: 15px !important;<br>
    }

    replace it with:

    .phone-info {
        font-size: 13px;
    }
    .sub_menu {
        font-size: 15px !important;
    }

    As for the color you might want to try this code snippet:

    #header_meta #avia2-menu li a {
        color: #00f !important;
    }

    just replace #00f with any color you want. :)

    Regards,
    Nikko

    #700663

    Hi Nikko,

    thank you very much.

    The forst thing worked. But the color didn’t. If I use your code, the secondary menu text stays in that color when scrolling down. And in my case it’s white on white when scrolling down :-/

    Any other idea?

    Thank you, I appreciate your help very much!

    Jan

    #701647

    Hi!

    The menu items are gray on scroll. Could you please provide a screenshot of the issue? Please remove the browser cache or do a hard refresh before testing the page.

    Regards,
    Ismael

    #702411

    Hey Ismael,

    thanks for getting back to me. I appreciate your help.

    1) On iPad, Social Icons and Secondary Menu (“Kontakt”) are still white on white
    2) On iPhone, only the Secondary Menu (“Kontakt”) is still white on white
    3) On Desktop, the linked e-mail-adress is still dark on transparent background but should be white here and dark when scrolling down

    Does that make sense?! :-/

    Thanks and cheers,
    Jan :)

    • This reply was modified 2 years, 9 months ago by  WEBIGAMI.
    #702417

    PS: I figured out a way for 1+2:

    @media only screen and (max-width: 786px) {
    .av_header_transparency .social_bookmarks li a {
       color: #252525!important;
    }
    .sub_menu {
     color: #252525!important;
    }
    }

    But still, the linked e-mail on desktop is dark and needs to be white on transparent header only and dark when scrolling down.

    Thanks!

    #702439

    Hey Jan :)

    Please add following code to Quick CSS as well

    .av_header_transparency .phone-info a {
        color: white!important;
    }

    Regards,
    Yigit :)

    #702444

    Hi Yigit,

    awesome, now it works!

    Great, thank you :)

    Jan

    #702445

    Hey!

    You are welcome Jan! Always happy to help :)
    Let us know if you have any other questions or issues and enjoy your weekend!

    Cheers!
    Yigit

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.