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

Hi,
Glad to hear that this helped, thank you for using Enfold.
Please open a new thread for each issue, this helps other users find solutions based on the opening subject line quicker and helps keep the thread length manageable and on topic for multiple mods to assist. Thank you for your understanding.

Best regards,
Mike

Hi,
Thank you for your patience, I found some errors in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field and I corrected them and added this css:

#top .wpcf7-form input[type='text'],
#top .wpcf7-form input[type='email'],
#top .wpcf7-form input[type='tel'],
#top .wpcf7-form .wpcf7-textarea {
border: 2px solid #222;
background: transparent;
color: #222;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1em;
padding: 13px!important;
border-radius: 2px;
}

#top .wpcf7-form .wpcf7-submit {
padding: 16px 20px;
border-radius: 2px;
border: 2px solid #222;
background: transparent;
color: #222;
font-size: 0.92em;
min-width: 142px;
}

please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Ismael could 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