Hey slui,
Thank you for the login, your jQuery script was using “.live()” which was removed from jQuery in v1.9, I replaced it with the recommended “.on()” and now your accordions and slideToggle contact form work.
Please clear your browser cache and check.

Best regards,
Mike

Hey Romovick,
Thank you for the login, I see right now your child theme is not active so the codes in the child theme functions.php are not active.
You can easily create the shortcode needed for your popup by using the Classic Editor and the shortcode wand this will let you use the same tool to create the contact form as on your /contact/ page.
Are you going to be using the “popup anything” plugin for your popups?

Best regards,
Mike

Hi,
When I look at your site all 3 columns link to /services/ can you link one to /services/#technology so we can see the error.
To remove the screen reader link from the columns, Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script(){
  ?>
  <script>
jQuery(window).load(function(){
  jQuery('a.av-screen-reader-only').remove();
  });
  </script>
<?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Thanks for the link to the page, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#menu-item-814 > a,#menu-item-804 > a,#menu-item-898 > a {
	width: 110px;
    line-height: 28px !important; 
    text-align: center;
    padding-top: 30px !important; 
}

After applying the css, Please clear your browser cache and check.
Expected results

Best regards,
Mike

Hi,
To make the widget price amount larger, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.product_list_widget span.woocommerce-Price-amount.amount {
	font-size: 15px !important;
}

After applying the css, Please clear your browser cache and check.
According to this article you can make the email not mandatory by adding this code to the end of your functions.php file in Appearance > Editor:

add_filter( 'woocommerce_billing_fields', 'ts_unrequire_wc_phone_field');
function ts_unrequire_wc_phone_field( $fields ) {
$fields['billing_email']['required'] = false;
return $fields;
}

Please give this a try.

Best regards,
Mike

Hi,
I took a look at your “sidebar menu” settings in your screenshot and duplicated the “always sticky” setting for the “sidebar menu” which seems to work fine with v4.7.3. I note you are asking about it being sticky for mobile, but the “sidebar menu” doesn’t show below 767px, it changes to the burger menu, this is the “sidebar menu” at 768px:

and this is at 767px and below where it changes to the burger menu:

so I’m not sure what you mean by “on mobile devices it’s still scrollable”
also on the /enfold-band/ demo you linked to there is no “sidebar menu”, it uses the top menu.

Best regards,
Mike

Hey Daniel,
Sorry for the late reply, in this specific case we will add a directory to our child theme /shortcodes/ and then we will copy the “timeline” directory to it. Then we will add this code to the child theme functions.php:

function avia_include_shortcode_template( $paths )
{
	if( ! is_array( $paths ) )
	{
		$paths = array();
	}
	
	$template_url = get_stylesheet_directory();
	array_unshift( $paths, $template_url . '/shortcodes/' );

	return $paths;
}

add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );

If you are using the newest child theme included with v4.7.3 then this code is already included.
Now we will edit our “timeline.php” to suit, so the “strong” wrap only shows once in timeline.php in the latest version, on lines 1397-1398, which wraps the timeline date with “strong”, I removed it as a test.
Then we refresh the page and the “strong” has been removed.
That is all there is to it.

Best regards,
Mike

Hi,
Sorry I don’t see a title “OUR CATEGORIES” or the horizontal gallery on the page we are working on /13269/ or any of the other pages, which page can we see this on?

Best regards,
Mike

Hi,
To solve the error in the buttons try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#header_main #av-burger-menu-ul .current-menu-item a {
    border-bottom-width: 0px !important;
}

To have gray lines between the menu items except when the burger sub-menus are open, then the border lines should be white, try this css:

.html_av-overlay-side-classic #top .av-burger-overlay li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
}
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    border-color: #ddd;
}
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li.av-show-submenu a {
    border-color: #fff;
}

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

Best regards,
Mike

Hi,
To correct the burger menu on the cart icon, I added this css:

.html_visible_cart .av-burger-menu-main {
    padding-right: 45px !important; 
}

As for the background image on /curso/ and some of the other pages I added this css:

@media only screen and (min-width: 767px) {
#main > div > div {
	height: 425px;
}
#main > div {
	background-position: center !important; 
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the video, I made an adjustment to how far down the header shows, please clear your browser cache and check.

Best regards,
Mike

Hi,
For the gallery image links, I found that it is only available in the “masonry gallery” the “standard gallery” doesn’t have this option.
To have a border radius around each image, please try this css:

#top div .avia-gallery img {
    border-radius: 20px;
}

To move the gallery on your single post to after the related posts and before the comments, Try adding this code to the end of your functions.php file in Appearance > Editor:

function gallery_after_related_posts(){
  ?>
  <script>
(function($) {
  $(document).ready(function(){
     $('#top.single-post .avia-gallery').detach().insertAfter('.related_posts');
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'gallery_after_related_posts');

After adding this please clear your browser cache and check.

Best regards,
Mike

Hi,
To make the header sticky for mobile I adjusted the css above for hiding the logo on desktop so it would not conflict with the mobile effect, and I then added css to make the mobile header fixed at the top, this is the new css:

@media only screen and (min-width: 767px) {
#header.header-scrolled .container.av-logo-container {
	display: none !important;
}
}
@media only screen and (max-width: 766px) { 
 .responsive #top #wrap_all #header {
    position: fixed;
  }
}

Please note that since your site is in maintenance mode when you look at your site you probably are seeing the “WordPress Admin Bar” at the top, so when you scroll in mobile view your new fixed header may look like there is a space above the header where the admin bar was when it scrolls out of view. Your visitors will not see this, if you want to see what they see then go to your profile and disable the admin toolbar.

You can add screenshots by uploading your images to a service such as postimages.org and pasting the html code, or link given in your post or Private Content area.

To demonstrate what I meant about the mobile slider, I hope you don’t mind that I added a “full screen slider” to your page under your “easy slider” with the same image, text, and two buttons. Then I set the “easy slider” to not show on mobile:

and I set the “full screen slider” to only show on mobile:

and I added this css so the “full screen slider” would not take the full screen:

@media only screen and (max-width: 767px) {
 #top #main #fullscreen_slider_1.avia-fullscreen-slider .avia-slideshow {
 	height: 70vh !important;
 	max-height: 70vh !important;
 } 
}

Please see the screenshots in Private Content area.

Best regards,
Mike

Hi,
Glad this helped, for your new effect the layout is different, the code you found and added as a codeblock works with a smooth transition because both images are in the div, where for the element we have worked on the first image is replaced with the second via css. We can get pretty close with “keyframes” but there is a moment that no image shows, unlike your code block example.
If you prefer this effect I recommend creating your layout like your code block, it works well.

Best regards,
Mike

Hi,
Sorry for the late reply, and thanks for the feedback, I see what you mean, I Enabled the Avia Layout Builder Debugger and checked the layout with the Parser to try to auto correct but it found no errors, I then copied your page to my localhost and the error continued. Yet if I create a similar page from scratch I do not have the error with the grid row.
I’m going to ask the rest of the team for their thoughts.

Best regards,
Mike