Hi,
Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Glad Rikard could help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike

Hey sumio17,
To create a button in the top bar, also called the Header Phone Number/Extra Info bar, first ensure that it is enabled by going to Enfold Theme Options > Header > Extra Elements > Phone Number or small info text, and choose “Display in top bar at the right” or left option.
Then open a new post, you don’t need to fill in the title because you are not going to save it, you only want to use the default editor. Choose the wand tool and find the option for buttons.

Then fill in your options, such as the size, color, url, etc.

Then I recommend copying the shortcode from the “text” tab so none of the quotes turn into curly quotes.

Now you can paste the code in the Enfold Theme Options > Header > Extra Elements > Phone Number or small info text field and save.

Enjoy.

Best regards,
Mike

Hi,
Thank you for checking and ruling those possible issues out.
I took a look at your one error and it turned out to be a misspelling, so I fix it.
I also found your menu issue, it was this in your css on line 30:

.logo {
   margin: -37px 0 0 0!important;
   z-index: 80;
}

the -37px was pulling it up, so I changed to -17px which seems to look good, but feel free to adjust to suit.
I also noticed that the mobile menu opens under the slider, this is due to a z-index of 900 on line 197:

div#full_slider_1, .topper {
height: 225px;
z-index:900;
position:relative;

}

So I changed it to 100, but feel free to adjust to suit.

Best regards,
Mike

Hey Munford,
Sorry for the late reply,
I have tested your mobile menu in Chrome, Firefox, Edge, IE11 & Android and I couldn’t recreate the errors in your screenshots, but if you are seeing these errors in the iPhone, I can ask another team member to look for you.

It looks like your mobile menu is swapped by this function in your child theme functions.php:

/*add new mobile menu swap*/
function av_different_mobile_menu( $args = '' ) {
if(wp_is_mobile() && $args['menu_id'] == 'avia-menu') {
	$args['menu'] = 'main-menu-mobile';
} 
return $args;
}
add_filter( 'wp_nav_menu_args', 'av_different_mobile_menu' );

so the “main-menu-mobile” menu would be your mobile menu, the problem is that this function doesn’t determine what is “mobile” by screen size, it only returns the HTTP_USER_AGENT which is unreliable (more)
My own tests shows that my desktop chrome in developer mode sends the “mobile” agent, but my Android chrome doesn’t. Firefox and Edge both don’t send the right user agent.
A more reliable solution would be to have one menu and hide menu items based on screen width
Or to write a more complex function that replaces the “wp_is_mobile” with a function that gets the screen width, I had hoped to give you that here, but I didn’t find it within a reasonable amount of time.
Please consider using the linked solution above.

To remove the bold text on the menu items such as “roundtrips”, please remove the “strong” tags from the menu titles.

Best regards,
Mike

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