Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 11, 2015 at 3:09 am #550824
    sundara88

    Hi,

    I’ve tried several variations of css but nothing seems to change the colours of the menu toggle.
    Please check out my code below:

    @media only screen and (max-width: 944px) {
    a#advanced_menu_toggle {
    display:block;
    transparency: 0.9 !important;
    border-color: #ffffff important;
    color:#ffffff;
    }}

    The only thing that works is: display:block;
    I’m using the transparent header and have the feeling it’s got something to do with that.
    Any ideas?
    Thanks for your help,
    Lisa

    December 11, 2015 at 3:15 pm #551113
    Yigit

    Hi sundara88!

    Please try changing your code to following one 

    @media only screen and (max-width: 944px) {
.av_header_transparency #advanced_menu_toggle {
display:block;
transparency: 0.9 !important;
border-color: #ffffff !important;
color:#ffffff !important;
}}

    Regards,
    Yigit

    • This reply was modified 9 years, 11 months ago by Yigit.
    December 14, 2015 at 4:07 am #551904
    sundara88

    Thanks Yigit, that worked! (you did forgot the exclamation mark in front of “important”)
    One more question: When I resize the screen to about 700px the header becomes black and no longer transparent..
    I’ve tried the following css but I’m not sure if this is the right way to address transparency….

    @media only screen and (max-width: 767px)
    {
    .av_header_transparency
    div#header_main {
    background-color:transparent;
    }}

    And I’ve tried this:

    @media only screen and (max-width: 767px)
    {
    .av_header_transparency
    div#header_main {
    transparency: 0 !important;
    }}

    Any idea what could work?
    Thanks,
    Lisa

    December 14, 2015 at 3:19 pm #552333
    Yigit

    Hi Lisa!

    Thank you for pointing that out! I fixed the typo.
    Please use following code instead

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
    background-color: transparent;
    position: absolute!important;
}}

    Regards,
    Yigit

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