Hi,
You could try making all of the rows the same height equal to your largest one with this solution.
Or you use this solution to make the height of each cell in each row equal.
If you have trouble with getting these to work please include an admin login and a direct link to your page in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, I’m not sure why this occurred perhaps it was due to a plugin, but I was not able to reproduce this on my test site.

Best regards,
Mike

Hi,
Thanks for the screenshot and the link to your site, I believe this is due to a lazy load option in your 10Web Booster plugin, but it seems the only way to change the settings is to login to the 10Web Booster management site which I don’t have access to. Try disabling any lazy load option and check your site again.
If this doesn’t help Try disabling your plugins and clear your browser cache. If that resolves the issue, reactivate each one individually clearing your browser cache after each one until you find the cause.
It looks like you are using an iPhone from your screenshot, please note that iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey Intercettazioni,
Thanks for your patience and the link to your site try the following CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field for each request:
1: adjust the font size to suit

#socket {
	font-size: 22px;
}

2:

#top .template-page .entry-content-wrapper h1, 
#top .template-page .entry-content-wrapper h2 {
    letter-spacing: 0;
}

3:

#top #header_main > .container .main_menu .av-main-nav > li#menu-item-search > a {
	color: #000;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for your patience, the reason your mobile header doesn’t transform out of view is because the mobile header is set to a fixed position with css in order for it to show at the top of the mobile screen transform doesn’t work on fixed position items, so you can’t have this header transform out of view, if you wish you can have the header disappear but it won’t be like the desktop version.
Since this is refuring to a different thread I have posted this in that thread and you can reply there so there are not multiple threads open for the same topic. Thank you for your understanding.

Best regards,
Mike

Hey Stilecatalini,
Thanks for your patience and the link to your site, I see your sticky close button at the bottom of your page, but it links to the homepage “Barche” section, so this is more like a “back” button than a “close” button.
Nonetheless to add this button to your three pages venticinque, venticinque-panoramica, ventuno-sport-fisherman and have it hide on scroll down and show on scroll up, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_back_button() { ?>
  <script>
(function($){
  var button = $('<div class="avia-button-wrap avia-button-right back-button"><a href="https://www.stilecatalini.it/#barche" class="avia-button avia-icon_select-yes-left-icon avia-size-large avia-position-center av-button-notext avia-color-light avia-font-color-white"><span class="avia_button_icon avia_button_icon_left" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title"></span><span class="avia_button_background avia-button avia-color-theme-color"></span></a></div>');
  if ($("body").hasClass("page-id-738") || $("body").hasClass("page-id-5837") || $("body").hasClass("page-id-5667") == true) {
  $(button).prependTo('#wrap_all');
  } else {}
})(jQuery);
  
(function() {
    var doc = document.documentElement;
    var w = window;
    var prevScroll = w.scrollY || doc.scrollTop;
    var curScroll;
    var direction = 0;
    var prevDirection = 0;
    var backButton = document.querySelector('.back-button');
    var checkScroll = function() {
        curScroll = w.scrollY || doc.scrollTop;
        if (curScroll > prevScroll) {
            direction = 2;
        } else if (curScroll < prevScroll) {
            direction = 1;
        }
        if (direction !== prevDirection) {
            toggleButton(direction, curScroll);
        }
        prevScroll = curScroll;
    };
    var toggleButton = function(direction, curScroll) {
        if (direction === 2) {
            backButton.style.opacity=0;
            prevDirection = direction;
        } else if (direction === 1) {
            backButton.style.opacity=1;
            prevDirection = direction;
        }
    };
    window.addEventListener('scroll', checkScroll);
}
)();
</script>
  <?php
}
add_action('wp_footer', 'custom_back_button');

and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.back-button {
    position: fixed;
    top: 1%;
    right: 1%;
    z-index: 999;
    background-color: transparent;
}

Best regards,
Mike

Hi,
Glad to help, we will leave this open to hear back from you when you find a solution from either GetResponse or perhaps a freelance javascript coder, I imagine there will be other users in the same situation as you.

Best regards,
Mike

Hey loyalthemes,
Thanks for your patience, there isn’t a page that you can change for your category pages, but when I compare the two they look very similar, if you disable the category sidebar at Enfold Theme Options ▸ Sidebar Settings ▸ Sidebar On Archive Pages then the items will be full width, then you would need just some css to make the price larger and any other adjusts you would like.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, do you need any further help or shall we close this then?

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

Hey Xiscoj,
Thanks for your patience but we are not able to view your page without a login, it seems to be in draft.
But as I understand you want a full page image to show on both desktop & mobile and show the full image, since the desktop is a landscape profile and the mobile is a portrait profile you can’t show a full landscape image on mobile and have it full screen, the aspect ratio is not correct.
So you should create a new portrait sized image as your mobile image so it will show as you wish full screen and use two elements one with the visibility set to show on desktop and one for mobile.
If your not sure what I mean please include an admin login in the Private Content area and create a test page for the full screen image for desktop and link to it, and then create a new image from your original that is 425px by 768px in a portrait layout, and link to it so we can help you add the second element to show this image for mobile.

Best regards,
Mike

Hi,
Glad Guenni007 could help, thank you Guenni007, 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 for checking the login, I must have made a paste error, anyways I corrected your css, please clear your browser cache and check.

Best regards,
Mike

Hi,
When I checked the parent theme was active, I enabled the child theme and it looks like your customizations are showing, please check.

Best regards,
Mike

Hi,
Try wrapping the desktop padding with media query like this:

@media only screen and (min-width: 768px) {
...
}

and the mobile version in a separate media query like this:

@media only screen and (max-width: 767px) {
...
}

If this doesn’t correct please include admin login in the Private Content area so we can help, the login above is not working.

Best regards,
Mike