Hi Monika,

In your child theme please do the following:
1. Create includes folder.
2. Copy helper-main-menu.php from (parent theme) wp-content/themes/enfold/includes/ and paste it to wp-content/themes/enfold-child/includes/ folder.
3. Edit helper-main-menu.php (child theme) and scroll to the bottom, find this line of code:
<!-- end header -->
Above it put this code:

<div class="avia-divider-svg avia-divider-svg-mountains avia-divider-svg-bottom avia-svg-original"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
	<path opacity="0.33" d="M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z"></path>
	<path opacity="0.66" d="M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z"></path>
	<path d="M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z"></path>
</svg></div>

4. Save.

In your WordPress Dashboard, do the following:
1. Go to Enfold > General Styling
2. In Quick CSS, add this CSS code:

#top #header {
    padding-bottom: 30px;
}

#top #header_main {
    background-color: #ceecfe;
    border-bottom: 0;
}

#top #header .header_bg {
    background-color: transparent;
}

#top #header .avia-divider-svg {
    position: absolute;
    bottom: 0;
    left: 0;
}

#top #header .avia-divider-svg-bottom svg {
    fill: #ceecfe;
    height: 30px;
    transform: translate(-50%) rotate(180deg);
}

Hope this helps.

Regards,
Nikko

Hi nebuddlho,

Thanks for giving us admin access.
The reason it is not working is because Fullscreen Mode is enabled:

I have disabled it and toggling sidebar works properly.

Best regards,
Nikko

Hi Monika,

There’s no option for it as well.
Are you using a child theme? I think we can try to override the header and try to make some modifications for it.

Best regards,
Nikko

Hi marius146,

Thanks for giving us admin access.
I have added this CSS code in Enfold > General Styling > Quick CSS:

#top .avia-slideshow-button .avia_loading_icon {
    display: none !important;
}

Please review your site.

Best regards,
Nikko

Hi dsmcpherson,

I’m glad that Mike could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko

Hi daves1997,

I checked the page on Google’s Pagespeed Insight and it does not seem to have a Cumulative Layout Shift, I have posted the result link in private content.

Best regards,
Nikko

Hi cheffe,

Can you give us the link to the page mentioned? so we can try to inspect it further.

Best regards,
Nikko

Hi Henk-Jan,

Can you try to put this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  .responsive #header_meta .sub_menu>ul {
    float: left;
    width: auto;
  }

  .responsive #header_meta .sub_menu>.avia_wpml_language_switch {
    float: right;
    width: auto;
  }
}

Hope it helps.

Best regards,
Nikko

Hi frsecurewpsar,

Please go to Enfold (Theme Options) > Performance > JS File Merging And Compression and select Disable – no JS file merging and compression and save.
Let us know if it helps.

Best regards,
Nikko

• This reply was modified 1 year, 1 month ago by Nikko.

Hi Barbara,

I have forwarded the issue to our devs.
They are a bit busy at the moment but they should be able to review it and fix it soon.

Best regards,
Nikko

Hi muratsuedan,

I’m glad that it’s all good now.
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko

Hi guillaumemichnik,

You’re welcome :)
Thanks again for using Enfold and have a great day!

Best regards,
Nikko

Hi ballindigital,

Thanks for giving us admin access, the justice icon font seems to be corrupted, we have fixed it for you.
Please review your website.

Best regards,
Nikko

Hi Butterkipferl,

Thanks, please go to Enfold > Blog Layout, then try to play around with Blog Styling and Blog Layout.

Best regards,
Nikko

Hi Christian,

I’m actually aware of that issue but can’t really find a workaround it, except adjusting/cropping the image on a uniform height and width using image editors like photoshop, or other similar platforms. For titles, having two different things one with background and one with none, and some are one line, two lines, or more, adds more complexity to it.

Best regards,
Nikko