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;
}
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
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
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
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