Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 29, 2016 at 5:44 am #574319
    bobfurgo

    Hello. I have a fixed nav enabled for mobile with this code here:

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

    I was wondering if you could assist with making it so that the logo is not fixed while the menu icon remains fixed.

    January 31, 2016 at 11:15 am #575225
    Josue

    You’d need to target the toggle and not the whole header section, this could work:

    a#advanced_menu_toggle {
    position: fixed;
    top: 50px;
    right: 50px;
}

    Regards,
    Josue

    February 1, 2016 at 10:23 am #575666
    bobfurgo

    Works! However, for some reason the background of the header is no longer transparent.

    I had to alter the code within this css snippet to make it so that it was no longer fixed, but when I did so, the transparency disappeared:

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

    I changed the position from fixed to scroll. Could you please help me with this?

    February 1, 2016 at 4:03 pm #575842
    Yigit

    Hey!

    Please use following code instead

    .av_header_transparency #advanced_menu_toggle {
    background: transparent !important;  
}

    Regards,
    Yigit

    February 1, 2016 at 7:22 pm #575973
    bobfurgo

    hmm the header bg now appears white and the toggle bg is transparant.

    February 3, 2016 at 6:07 pm #577214
    Yigit

    Hey!

    Please use following code adjust the colors of mobile menu on transparent header 

    .av_header_transparency #advanced_menu_toggle {
    background: white !important;  
    color: orange !important;
    border-color: green !important;
}

    Best regards,
    Yigit

    February 3, 2016 at 9:21 pm #577352
    bobfurgo

    Hi! Great, that fixes the colors of the toggle. However, the entire header bg still remains white and not transparent.

    February 3, 2016 at 10:34 pm #577389
    Basilis

    Hey!

    .av_header_transparency #advanced_menu_toggle {
    background: transparent !important;  
    color: orange !important;
    border-color: green !important;
}

    Please change the code with that and let us know if it fixes the issue

    Cheers!
    Basilis

    February 3, 2016 at 11:04 pm #577405
    bobfurgo

    When I changing the background function to transparent it affects the background color of the toggle and not the entire header area.

    February 4, 2016 at 1:34 am #577448
    bobfurgo

    Hello.

    I entered in this code you guys provided from one of my other enfold sites and it worked:

    @media only screen and (max-width: 767px) {
    #header, #header * { background: transparent !important; }
    #header { position: absolute !important; }
    }

    Thanks guys.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘fixed navigation icon, scroll logo on mobile’ is closed to new replies.