Sticky Full width menu

Hi adGroupMarketing,

It seems you have already done it using this code:

@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }
}

Let us know if you still need further assistance.

Best regards,
Nikko

Hi adGroupMarketing,

Can you try adding this CSS code:

@media only screen and (max-width:767px) {
.responsive #top.page-id-5629 #sub_menu1 {
    position: fixed !important;
    top: 116px !important;
  }
}

As for replacing menu for ‘Supermarket Shop’, we suggest using a child theme first since any modification will be lost in the parent theme during a theme update, here’s the link where you can download and find instructions on how to use the child theme: https://kriesi.at/documentation/enfold/child-theme/
Then override the fullwidth submenu, by following the instructions in: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
Next copy enfold > templatebuilder > avia-shortcodes > menu folder to the shortcodes folder of the child theme, then modify menu.php (enfold-child > shortcodes > menu > menu.php), in line 588 (Enfold 4.7.1) you will find this code:

$mobile_button = $mobile == 'active' ? "<a href='#' class='mobile_menu_toggle' " . av_icon_string('mobile_menu') . "><span class='av-current-placeholder'>" . __( 'Menu', 'avia_framework' ) . '</span></a>' : '';

replace Menu with Supermarket Shop.
Hope this helps.

Best regards,
Nikko