Hi,
I didn’t repair the code because I don’t have a login, I looked at your source code in my browser to find the error, but you will still need to fix it.

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thank you for the login, I have changed the function and the css, now it is working correctly without any H tags.
Please clear your browser cache and check.
Here is the final code:
functions.php:

 function custom_timeline(){
  ?>
  <script>
jQuery(window).load(function(){
jQuery('.av-milestone-even h2.av-milestone-date:nth-child(even)').replaceWith(function () {
    return jQuery('<span/>', {
        html: jQuery(this).html()
    });
 });
jQuery('.av-milestone-odd h2.av-milestone-date:nth-child(odd)').replaceWith(function () {
    return jQuery('<span/>', {
        html: jQuery(this).html()
    });
 });
 });
 </script>
 <?php
  }
  add_action('wp_footer', 'custom_timeline');

CSS:

.avia-timeline span strong {
    color: #858585 !important; 
    font-size: 25px !important; 
}
.av-milestone-odd span strong {
float:right !important;
}

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Thanks for sharing your solution, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Glad to hear, unless there is anything else we can help with on this issue, shall we close this then?

Best regards,
Mike

Hi,
Please try this code instead, it’s light green, turning to a darker green on hover:

.avia_cart_buttons.single_button:hover {
    background-color: rgba(127, 191, 63, 0.8) !important; 
     opacity: 1 !important; 
}
.avia_cart_buttons.single_button {
    background-color: rgba(127, 191, 63, 0.5) !important; 
    opacity: 1 !important; 
}
#top .avia_cart_buttons .button:hover > span,#top .main_color .avia_cart_buttons .button:hover,#top .avia_cart_buttons .button > span,#top .main_color .avia_cart_buttons .button {
   color: #fff !important;
}

Best regards,
Mike

Hi,
I have two solutions for you to try, this first just adds a little margin between the image and text:

@media only screen and (max-width: 767px) { 
.avia-testimonial-row .avia-testimonial-meta .avia-testimonial-image {
    margin-right: 10% !important; 
  margin-left: 10% !important;
}

This second solution, creates two rows, with the text below the image, and manages many different widths:

@media only screen and (max-width: 430px) { 
.avia-testimonial-row .avia-testimonial-meta .avia-testimonial-meta-mini {
display: inline-block !important; 
text-align: center !important; 
}
.avia-testimonial-row .avia-testimonial-meta .avia-testimonial-image {
margin-left: 30% !important;
}
}
@media only screen and (min-width: 431px) and (max-width: 767px) { 
.avia-testimonial-row .avia-testimonial-meta .avia-testimonial-image {
    margin-left: 20% !important; 
    margin-right: 5% !important; 
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
.avia-testimonial-row .avia-testimonial-meta .avia-testimonial-meta-mini {
display: inline-block !important; 
text-align: center !important; 
}
.avia-testimonial-row .avia-testimonial-meta .avia-testimonial-image {
margin-left: 30% !important;
}
}

Best regards,
Mike

Hey OhYa1337,
This can be done with a little css, please link to the page with the cells, so we can assist with the css.
How to add a link to a column or cell
How to add a on-hover background color to a column

Best regards,
Mike

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