Hi,
I see that you do have a old header.php that should be updated with a current version because Enfold v4.1.1 has some new functions in it, that has caused issues for sites that use a child theme and a old header.php with the latest version. Mostly the errors have to o with the lightbox script.
Since you said you developed this site a while back and don’t remember your changes, I created a difference report between your child theme header.php and the header.php in v4.0.7, so you can see your changes and then figure how to incorporate them into the v4.1.1 header.php
Please see link in the Private Content area.
I also see that your child theme style.css has a warning that there are 66 errors that need to be corrected.
These two issues could be the cause for your issue, please try addressing, and let us know if this helps.

Best regards,
Mike

Hey atifaijaz123,
I took a look at your page and saw that your logo was too big for the header, as it was extending down over the image, so this css make it smaller along with the header.
Please try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 770px) { 
  #header {height: 80px !important; }
.responsive #top #header .logo,.responsive #top #header .logo a,.responsive #top #header .logo img {max-width: 120px !important; }

}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Well it is possible for a plugin to have a conflict and change a page or a tag, but as you pointed out it would be hard to pin point it. But you could use a page monitoring service to watch your pages and notify you of changes. There are many companies that offer this and most have free plans or low cost plans, this would save you a lot of time and give you some peace of mind.
If you want to try this, look for one that checks the “source code” of the page, such as Change Tower here are a few others:
https://visualping.io/
https://www.wachete.com/

Best regards,
Mike

Hey ESWEENEY113,
I took a look at your site and the red burger menu is showing on my Android device, I assume that you are using a iPhone?
Please tell us which models you have seen this error on and please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
If I understand correctly you would like a center logo with your menu on the right & left. Please see this solution

Best regards,
Mike

Hey Maneschka,
I took a look at your menu, and it looks like your css is working correctly, but the reason your menu is not transparent is because your rgba color code is .85, which is closer to a solid color that a transparent color.
Please try adjusting to .5 like this:

/* Menu area background */
#top #wrap_all .av-burger-overlay-scroll {
background-color:rgba(255,255,255,.5)!important;
}

If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
You can use this css in your Enfold Theme Options > General Styling > Quick CSS field
to make this element full width:

#top.home #after_section_9 .container {
    padding: 0px !important;
    margin: 0px !important;
    min-width: 100% !important; 
}

but I recommend adding a custom ID to the element and then replacing “after_section_9” with the new ID in the code above.
This is because this ID could change if you edit the page or add more elements.

Best regards,
Mike

Hi,
Thank you for the images, please try this css:

#top .single-product-main-image .thumbnails a {
border: none !important;
padding: 0px !important;
}

Best regards,
Mike

Hi,
It is great news that you found out that it was the avis.js causing the issue.
I can try to compare your modified avis.js with the v4.0.7 version to determine what you were trying to do back then.
Once we know that, you will be able decide if you want the add the modifications to the current version.
Please upload the modified file via Dropbox or Google Drive so I can compare, I have a copy of v4.0.7 to work with.

In your last post you indicated that your live site has the error, even though you removed to custom files. I have checked and don’t see the error, so I assume you have corrected the issue, or the server cache has been cleared?

Best regards,
Mike

Hi,
To change the font color of the button with the boarder, try this:

#top .avia-button.avia-color-dark {
color: #ec0928 !important
}

As for vertically centering the text on the buttons site wide, we will need to make them more uniform, on the one page there are 3 different buttons, with 3 different heights.
Please try this css:

.avia-button.avia-size-x-large,.avia-button.avia-button-fullwidth,.avia-button.avia-size-large {
    padding-top: 12px !important; 
}
.avia-button-wrap.avia-button-center,.avia-button-wrap.avia-button-left {
height: 45px !important;
max-height: 45px !important;
}

Best regards,
Mike

Hi,
Did you find the second code snippet to help with centering the text vertical after clearing your cache? I just took a look and it seems to be working.
To make it site-wide, please remove the page ID from the code (.page-id-4359)

Best regards,
Mike

Hi,
For the border, please remove the css I gave you and replace it with this css:

#top.page-id-4359 .avia-button.avia-color-dark {
    border-color: #ec0928 !important; 
}

To center the text on the buttons, please try this:

#top.page-id-4359 .avia-button.avia-size-x-large {
    padding: 11px 50px !important; 
}

If this doesn’t help Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
Thanks for the login, I cleared your plugin cache and my browser cache, now I only see one banner at a time.
Please clear your browser cache and check.

Best regards,
Mike

Hi,
To remove the column with the images and show the content at full width, Please try this code in the General Styling > Quick CSS field:

#top.single-product .single-product-main-image.alpha {
    display: none !important;
}
@media only screen and (max-width: 479px) { 
#top.single-product .single_variation_wrap {
    margin-left: 10% !important;

}
}
@media only screen and (min-width: 480px) { 
#top.single-product .single_variation_wrap .npay_storebtn_bx{
    margin: 0px !important;

}
#top.single-product .single_variation_wrap {
    width: 30% !important; 
    margin: auto !important; 
}
}

Please clear your browser cache and check after adding the css

Best regards,
Mike

Hi,
I still see the error, I’ve added a screenshot in the Private Content area to show the error.

Best regards,
Mike