Tagged: , , , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 14, 2016 at 5:26 pm #699237
    WEBIGAMI

    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 8 years, 2 months ago by WEBIGAMI.
    October 14, 2016 at 6:22 pm #699254
    Basilis

    Hi Jan!

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

    Thanks a lot

    Regards,
    Basilis

    October 14, 2016 at 7:01 pm #699267
    WEBIGAMI

    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 :)

    October 14, 2016 at 10:21 pm #699305
    Yigit

    Hey Jan :)

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit :)

    October 15, 2016 at 12:25 pm #699356
    WEBIGAMI

    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 :)

    October 15, 2016 at 7:11 pm #699401
    WEBIGAMI

    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

    October 18, 2016 at 7:51 am #700421
    Nikko

    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

    October 18, 2016 at 2:34 pm #700663
    WEBIGAMI

    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

    October 20, 2016 at 6:28 am #701647
    Ismael

    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

    October 21, 2016 at 2:32 pm #702411
    WEBIGAMI

    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 8 years, 2 months ago by WEBIGAMI.
    October 21, 2016 at 2:37 pm #702417
    WEBIGAMI

    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!

    October 21, 2016 at 3:03 pm #702439
    Yigit

    Hey Jan :)

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit :)

    October 21, 2016 at 3:05 pm #702444
    WEBIGAMI

    Hi Yigit,

    awesome, now it works!

    Great, thank you :)

    Jan

    October 21, 2016 at 3:07 pm #702445
    Yigit

    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

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