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

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

Hi,
Thanks, I have not seen this before, it looks like a plugin conflict, I see an error at the top of your page:

It looks like there may be a problem with the dsIDXpress that’s installed on this blog. Please take a look at the dsIDXpress diagnostics area to find out more about any potential issues

and an on “dsIDXpress diagnostics” page it says that the plugin is not active

so try deactivating your plugins, them build your menu, and if that works activate your plugins again.

Best regards,
Mike

Hi,
Can you make the overall image smaller, your logo is in the center, but the image has a lot of empty space.

perhaps removing the space and make the overall size smaller like the logo should be on your site will help.
Have you tried a plain PNG image for your logo?

Best regards,
Mike

Hi,
You can use css to replace it, see this thread for examples

Best regards,
Mike

Hi,
The width of the burger menu is set at Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu Styling ▸ Flyout Width
The default is 500px:

which is like this at 768px:

so you can change it to something else like a percentage, I test 90%:

try to adjust to suit with a percentage that matches your content width percentage.

Best regards,
Mike

Hi,
Sorry I have not used Figma, and I don’t make SVG’s, hopefully @Guenni007 will have a solution.
I tried to adjust your logo with css but each letter is a element, so it didn’t work.

Best regards,
Mike

Hey MysticMimi,
Thanks for the link to your page, but we could not login without a user name, nonetheless try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (min-width: 1024px) { 
.logo.avia-standard-logo {
	height: 200px;
  top: -49px;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike