Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 2, 2019 at 12:41 am #1143987
    VIA_Architecture

    I have added a full width sitcky subnav to our page and am using css to make it and the main menu container semi-transparent:
    #header {
    background-color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.9);
    color: rgba(255, 255, 255, 0.9);
    }
    #top .av-submenu-container {
    border-width: 0px;
    background-color: rgba(255, 255, 255, 0.9);
    margin: -20px 0 0 0;
    padding-left: 35px;
    }
    This produces a mysterious white bar between the main nav and subnav. I suspect it’s where the two backgrounds are overlapping.

    Any suggestions?

    October 5, 2019 at 3:00 pm #1145273
    Victoria

    Hey VIA_Architecture,

    I am not seeing what you’re referring to?

    Could you please attach some screenshots of the issue?

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    October 10, 2019 at 11:06 pm #1146973
    VIA_Architecture

    I found a work around. I made the background of the full width subnav transparent and then used margins to move it on top of the main nav bar.

    October 11, 2019 at 6:54 pm #1147206
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Full width sticky subnav semitransparent mysterious white bar’ is closed to new replies.