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

Hi,
Glad Rikard could 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

Hi,
Typically when elements are outside of the wrap_all div, this points to an unclosed HTML tag, either in your widget, of the element above the footer, or since you are using a custom footer.php to create this, you will need to rewrite this with the new footer.php, not copy & paste the custom code.
Glad that you have contacted your developer, I recommend creating a solution that doesn’t use a custom footer.php or header.php so you won’t have this issue again in the future. Let us know if we shall close this for now, you can always open a new thread in the future if you need further help.

Best regards,
Mike

Hey gocmenmustafa,
You will need to create a “Token” on your Envato Theme Forest account and add that to your Enfold theme panel at Enfold > Theme Update > Enter a valid Envato private token.
Please see our documentation here.

Best regards,
Mike