Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #723937

    Hi,

    I tried adding the following code to move the red menu fx line above the menu and also reduce the sub menu gap but it’s not working for all browsers. Please help. See admin info in private content.

    .avia-menu-fx {
    position: absolute;
    top: 30px!important;
    height: 2px;
    z-index: 10;
    width: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    }

    .av-main-nav ul {
    display: none;
    margin-left: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 208px;
    z-index: 2;
    padding: 0;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    margin-top: -30px!important;
    }

    #724437

    Hey!

    They show up fine on my end, attached a screenshot in private content field.

    Please flush browser cache and refresh your page a few times – http://wiki.scratch.mit.edu/wiki/Hard_Refresh

    If that is not the goal, can you please post a screenshot and show the changes you would like to make?

    Best regards,
    Yigit

    #724710

    Hi Yigit,

    I realized that when I changed this back to a sticky header it worked fine in Chrome but when it was a static header it didnt’ work in Chrome. Is that typical?

    Thanks,
    Gabe

    #725951

    Hey!

    The header is set to sticky when I checked the site. Could you please provide a login details so that we can toggle the settings?

    Regards,
    Ismael

    #726046

    Ismael,
    I fixed the problem by changing the header back to sticky. With the header NOT STICKY, I was getting all those problems. You can close out this ticket for now.
    Thanks,
    Gabe

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to move Avia-Menu-FX above the main menu?’ is closed to new replies.