Hi guys,

I’ve got the mega-menu navigation to be full width by modifying Guenni007’s CSS. Test with the “SERVICES” mega-menu item.
My /dev/ site: https://bclaunchpad.com/dev58/

/* === makes nav full width with addition of BLANK links === */
#top #header .avia_mega_div {
  position: fixed !important;
  width: 100vw !important;
  left: 0vw !important;
  right: 1.5vw !important;
  top: 140px !important;
  background-color: rgba(255,255,255,0.8) !important;
  -webkit-backdrop-filter: blur(5px) !important;
  backdrop-filter: blur(5px) !important;
  border-radius: 0 !important;
  border: 1px solid #ffffff !important;
}

#top #header .avia_mega_div ul {
background-color: transparent !important;
}

/* ================ */

.blank-link > span.mega_menu_title { 
clear: both !important; 
color: transparent !important; 
}

Now, if you could possibly help me make the mega-menu (drop down) items ease-in from the top as in this example, that would be great.
Sample site the client likes: https://qpokc.com/services/offset-printing

Here’s the CSS from the example site, but I’m not sure how to target the nav in the enfold theme drop down mega menus.

@media (min-width: 968px) {
  .l-navigation .dropdown {
    position: absolute;
    visibility: hidden;
    background-color: #01237A;
    width: 100%;
    top: 100%;
    left: 0;
    transition: height 1s ease-in;
    padding: 15px 0 15px 0;
    overflow: hidden;
    z-index: 1000;
    margin-top: -18px;
  }
}
.l-navigation .dropdown ul {
  max-width: 670px;
  margin: 0 auto;
  transition: none;
  position: relative;
  top: -10px;
  display: inline-block;
  text-align: left;
}
@media (min-width: 968px) {
  .l-navigation .dropdown ul {
    opacity: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 5px;
  }
}
.l-navigation .top-link-li:hover .dropdown {
  visibility: visible;
}
@media (min-width: 968px) {
  .l-navigation .top-link-li:hover .dropdown {
    transition: height 0.2s ease-in;
  }
}
@media (min-width: 968px) {
  .l-navigation .top-link-li:hover .dropdown ul {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    top: 0;
  }
}

Thank you in advance!
Shane

Hi Guenni007,

Thank you for your note. I downloaded Footer.php and added it to the child theme. However, I can’t see any changes afterwards.
The wav analysis still shows <main> as the landmark and there is no markup as a footer in the source code either.
We use a normal page as a footer and have selected Replace footer and socket in the Enfold settings.
I have tried to find a workaround to mark up the footer page, but so far without success.
However, to comply with the Accessibility Act, the footer landmark is unfortunately absolutely necessary (marking up the socket area would be rather misleading on our website).
Do you have any other ideas on this topic?

Regards
Stephan

Thank you Ismael for your answer.
I’ll analyse the values of these fields and try to determine how to set them programmatically.

The meta fields I’m the less sure about are the following (the values displayed below are from a CPT where I activated ALB manually) :

• _avia_builder_shortcode_tree : a:1:{i:0;a:3:{s:3:”tag”;s:16:”av_custom_layout”;s:7:”content”;a:0:{}s:5:”index”;i:0;}}
• _av_alb_posts_elements_state : a:1:{s:16:”av_custom_layout”;b:1;}

Do you know if there is any Enfold documentation about the way their values are generated ?

Best regards,

• This reply was modified 5 months, 1 week ago by agencelarsen.

Hi Guenni,

Thank you for the information. It is very strange that Enfold calculates the images so large. I had Photoshop calculate all the images in a reasonable web size in bulk. All images should be between 100kb-400kb. I will use ShorPixel for this later and hope that the images are calculated at a reasonable size.

Once again on the subject of JavaScript. It now works perfectly everywhere. I just want the individual blocks on the privacy policy page to remain visible when scrolling and not disappear again and again. I can’t manage that. What can I change in the JavaScript or in the CSS? I have already tried both.