Hi,
I checked the css on your site, but the first dot was missing, so I added it and now it works.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
To have a sticky sub-menu on your desktop with the burger menu, and on your mobile without the sticky header, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function desktop_burger_menu_sub_menu_sticky() { ?>
<script>
window.addEventListener('DOMContentLoaded', function() {
  (function($){
  	var width = $(window).width();
    var $stickyTop = $('#sub_menu1');
    if (width <= 989) {
    $stickyTop.waypoint(function(direction) {
      if (direction === 'down') {
         $stickyTop.addClass('sticky-top');
      }
      if (direction === 'up') {
         $stickyTop.removeClass('sticky-top');
      }
    }, {
      offset: '0%'
    });
    }
	else if (width >= 990) {
    $stickyTop.waypoint(function(direction) {
      if (direction === 'down') {
         $stickyTop.addClass('sticky-top');
      }
      if (direction === 'up') {
         $stickyTop.removeClass('sticky-top');
      }
    }, {
      offset: '95px'
    });
    }
  })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'desktop_burger_menu_sub_menu_sticky');

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
also add this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 989px) { 
.responsive #top #sub_menu1.av-submenu-container.sticky-top {
	position:fixed!important;
	top:0!important;
	z-index:600!important;
}
}
@media only screen and (min-width: 990px) { 
.responsive #top #sub_menu1.av-submenu-container.sticky-top {
	position:fixed!important;
	top:95px!important;
	z-index:600!important;
}
}

This accounts for the mobile switch at 989px when your typical header is no longer sticky, but the sub-menu will be sticky at the top.
In the css & script you may need to adjust the top height, my text site header was 95px high, if yours is different please change.
If you have trouble with this please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hey Gianluca,
Thanks for the login, in your Enfold Theme Options ▸ Header ▸ Extra Elements ▸ Phone Number or small info text you had a phone number link that was unclosed, causing the error.
To make your portfolio sort text larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-fullwidth-portfolio .sort_width_container {
	font-size: 30px;
} 

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please adjust the font size to suit.

Best regards,
Mike

Hi,
To make the custom menu with logo sticky, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function add_sticky_script(){
    ?>
<script type="text/javascript">
(function($){
      function a() {
          $(window).scroll(function(e){
            var $sticky = $('#menu-test-menu-with-logo');
            var position = ($sticky.css('position') == 'fixed');
            if ($(this).scrollTop() > 25 && !position){
              $sticky.css({'position': 'fixed', 'top': '0px','width' : $sticky.innerWidth() });
              $sticky.addClass('fixed_element_style');
            }
            if ($(this).scrollTop() < 25 && position)
            {
              $sticky.css({'position': 'static', 'top': '0px', 'width' : '' });
              $sticky.removeClass('fixed_element_style');
            }
          });
      }
    
      a();
})(jQuery);
</script>
    <?php
    }
add_action('wp_footer', 'add_sticky_script');

I also added this css so the menu would rest at the top of the screen, previously there was a small space above, on my install.

#header_meta {
display: none;
}
.html_header_transparency #top .avia-builder-el-0 .container{
    padding-top: 58px;
}

If you don’t have a space you won’t need this, if you want to keep the space, adjust the code above.
To make the mobile menu sticky add this css:

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

Best regards,
Mike

Hi,
When I check the svg logo is the same for mobile & desktop, but on desktop your header is transparent so the background color allows the light third line of text to be seen, while the mobile header is white so you can’t see the text.
You could add this css to make the third line of text green like the second line on mobile:

@media only screen and (max-width: 767px) { 
.av-contains-svg #Layer_1 .cls-3 {
  fill: #b0cf6b;
}
}

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Sandra,
I see that you are using a icon above the text element:

Try using the icon box element with the option to have the icon to the side:

Best regards,
Mike

Hi,
Thanks for the login, on your draft page /?page_id=24937&preview=true, full link below,
This looks like a plugin conflict, when I disable all of your plugins the editor works correctly:



I enabled all of your plugins again and the changes remain, so to find the plugin conflict, try disabling all of your plugins and then reload the page. Then reactivate each one individually and reload the page after each one and check until you find the conflict.

Best regards,
Mike

Hi,
Sorry, you can not upload svg icons, the theme uses “icon fonts” which is a font file, not a icon image. Please see our documentation here. You may need to scroll down to Adding your own Fontello Icons Icon fonts can not have color.
Perhaps when you clicked my link above it didn’t scroll correctly, try this link.
It’s very simple, you can use css to replace the “icon font” with a svg image

If you create a test page I can write a step-by-step example for you, similar to the screenshot above.

Best regards,
Mike

Hi,
Thanks for the link to your staging site, I note that each time I try to add a menu item they are always “custom links” instead of normal menu items.
I see that your child theme has a header.php file, please remove this and then check again.

Best regards,
Mike

Hi,
I added this css for the search icon to show:

#top #content1 .av-main-nav > li.menu-item#menu-item-search {
	display: block!important;
}
#top #content1 .av-main-nav > li.menu-item#menu-item-search a {
	color: #92B743;
	text-align: left;
}
#top #content1 .main_menu .menu li#menu-item-search {
	float:none;
}

Best regards,
Mike

Hi,
As I understand your test site outer box shadow works good:

but your live site is not:

I first note that in your code block you have HEAD & BODY tags please don’t add these, I also note that your page is not published, the WordPress preview will not always display the page correctly, I also see that your HTML in the code block adds css for “.container” & “body” that targets the page and not just the code block element.
So I remove the HEAD & BODY tags, change “.container” to “.zip-container” and publish, and now it is mostly correct:

the corrected code:

<script>
var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener("DOMContentLoaded",o):document.addEventListener("gform_main_scripts_loaded",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook("action",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook("filter",o,n,r,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,n){gform.removeHook("action",o,n)},removeFilter:function(o,n,r){gform.removeHook("filter",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+"_"+e.length),gform.hooks[o][n].push({tag:i,callable:r,priority:t=null==t?10:t})},doHook:function(n,o,r){var t;if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[n][o]&&((o=gform.hooks[n][o]).sort(function(o,n){return o.priority-n.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==n?t.apply(null,r):r[0]=t.apply(null,r)})),"filter"==n)return r[0]},removeHook:function(o,n,t,i){var r;null!=gform.hooks[o][n]&&(r=(r=gform.hooks[o][n]).filter(function(o,n,r){return!!(null!=i&&i!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][n]=r)}});

document.addEventListener('DOMContentLoaded', () => {
    const form = document.getElementById('zipcodeForm');
    const input = document.getElementById('zipcodeInput');
    const errorMessage = document.getElementById('errorMessage');

    fetch('https://welsbpo.net/wp-content/uploads/zipcodes.json')
        .then(response => response.json())
        .then(zipcodeData => {
            form.addEventListener('submit', (e) => {
                e.preventDefault();
                const zipcode = input.value.trim();

                if (zipcodeData[zipcode]) {
                    window.location.href = zipcodeData[zipcode];
                } else {
                    errorMessage.textContent = 'Zipcode not found. Please try again.';
                }
            });
        })
        .catch(error => {
            console.error('Error fetching zipcode data:', error);
            errorMessage.textContent = 'An error occurred. Please try again later.';
        });
});
</script>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0;
            background-color: #f0f0f0;
        }

        .zip-container {
            background-color: white;
            padding: 2rem !important;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        h3 {
            margin-bottom: 1rem;
        }

        form {
            display: flex;
            justify-content: center;
            margin-bottom: 1rem;
        }

        input {
            padding: 0.5rem;
            font-size: 1rem;
            border: 1px solid #ccc;
            border-radius: 4px 0 0 4px;
        }

        button {
            padding: 0.5rem 1rem;
            font-size: 1rem;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
        }

        button:hover {
            background-color: #0056b3;
        }

        .error {
            color: red;
        }
    </style>
    <div class="zip-container">
        <h3>Zipcode Redirect</h3>
        <form id="zipcodeForm">
            <input type="text" id="zipcodeInput" placeholder="Enter zipcode" required>
            <button type="submit">Go</button>
        </form>
        <p id="errorMessage" class="error"></p>
    </div>

Best regards,
Mike

Hi,
No, updating will not cause you to lose your child theme setting, you probably updated and then activated your parent theme, instead of leaving your child theme activated.
Try updating this way:
To update your version of Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

Best regards,
Mike

Hi,
I activate your child theme and your site looks goo, please check.

Best regards,
Mike

Hi,
Glad to hear that you have sorted this out, I’m not seeing this on my install, but I have linked to a /themes/enfold/config-layerslider/LayerSlider/assets/static/layerslider/skins/noskin/shadow.png
image for you. Unless there is anything else we can assist with on this issue, shall we close this thread then?

Best regards,
Mike