Hey the_digital_manager,
Sorry for the very late reply and thanks for the link to your page and the screenshots, to remove the border from around the image and gallery, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

#top.single-product div .avia-gallery img {
    border-width: 0 !important;
}
#top.single-product div .avia-gallery .avia-gallery-big {
    border-style: none !important;
}

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

Best regards,
Mike

Hi,
Glad we were able to 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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
You can have the Logo and Main Menu set as a sidebar in the theme options:

Here is an example of a demo with this option.
To have a similar “expanding” menu, on this demo, on hover, this css could be used:

.av-main-nav ul {
    position: relative !important;
}
.html_header_left .av-main-nav ul {
    left: unset !important;
}
.av-main-nav li ul.sub-menu li {
    display: none;
}
.av-main-nav li:hover ul.sub-menu li {
    display: block;
}
.av-main-nav ul li a {
    border-style: none !important;
    border-width: 0 !important;
}

I believe you could have a much more similar menu to the example site with some more time, css, and some jQuery, but I think it would be more involved than our scope of support here.
Perhaps a alternative would be to look for a plugin.
Another possible solution for a expanding sidebar menu would be to use the “navigation menu” widget and select a menu, the default way this widget displays a menu is as a list:

and with this script added this code to the end of the functions.php file in Appearance > Editor:

function custom_widget_menu_dropdown(){
  ?>
  <script>
(function($){
   $(document).ready(function(){ 
   		$('#nav_menu-3 #menu-main-menu > li.menu-item-has-children').find('ul').hide();
        $('#nav_menu-3 #menu-main-menu > li.menu-item-has-children').mouseenter(function () {  
            $('#nav_menu-3 #menu-main-menu > li.menu-item-has-children').not(this).find('ul').hide();  
            $(this).find('ul').toggle();  
        });  
     });  
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_widget_menu_dropdown');

please note the nav_menu-3 in the code above may need adjusting, but the result is a collapsed menu that will expand on hover:

Just a thought.

Best regards,
Mike

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

Best regards,
Mike

Hi,
Thanks for the feedback, after editing the parent theme and regenerating your thumbnails, (for the old images), or by uploading a new image, did this work? I checked the test page but it seems like the image is not there, so I’m not sure.
If this worked then it could be added to your child theme with a fliter like this:

add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
function enfold_customization_modify_thumb_size( $size ) {
        $size['gallery'] = array('width'=>845, 'height'=>684 , 'crop' => false);		
	return $size;	
}

Best regards,
Mike

Hi,
Glad we were able to help with this, 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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry for the late reply and thanks I believe I understand better now. please try this script instead, you will notice two new lines targting the logo width, on scroll it will be 200px, after scroll it sets to 115px, which is the current width.

function change_logo_on_scroll(){
  ?>
  <script>
(function ($) { 
  $(window).scroll(function() {
    var width = $(window).width(), height = $(window).height();    
    var scroll = $(window).scrollTop();
      if (scroll > 20 && width >= 900) {
    $('.logo a').find( 'img' ).attr('src', 'https://your-site.com/wp-content/uploads/2021/01/2nd-logo.png').css({ 'padding-top': '20px'});
    $('.logo').css({ 'width': '200px'});
   } else {
    $('.logo a').find( 'img' ).attr('src', 'https://your-site.com/wp-content/uploads/2021/01/logofinale.svg').css({ 'padding-top': '0px'});
    $('.logo').css({ 'width': '115px'});
   }
  });
 })(jQuery);
 </script>
<?php
}
add_action('wp_footer', 'change_logo_on_scroll');

also check the url in the code above.

Best regards,
Mike

Hi,
Sorry for the late reply, I didn’t notice that this is not your thread, that is why you can not see the Private Content area and the screenshots.
Anyways, you said you like the result now, but you would like to have the read more button like it was in the “list layout”, unfortunately, the “Single Author, small preview Pic” layout doesn’t have a read more button, so for a workaround I added the “read more” to one of your posts:

Then I added this css to your Quick CSS:

#top.blog .entry-content .more-link {
    text-align: right;
    position: relative;
    margin-top: 40px;
}
#top.blog .entry-content .more-link {
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100px;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
    color: inherit;
    line-height: 2.1em;
    font-size: 0.75em;
}

Now for the one post on your Blog the read more button is showing like on the “List Layout”

Please try adding the “read more” to the other posts, to show less of the excerpt try adding the “read more” above the post content.
The page is [your-domain]/news/

Best regards,
Mike

Hi,
I’m not sure what you mean, on my localhost when I remove the css there are no issues?
Anyways this thread is starting to get off-topic, the topic of this thread is adding a “read more” button to the masonry items, and not the gallery. Which I was able to do for you.
While I would like to assist with your next topic of customizing the style your masonry items, I don’t see how this can effectively be done without seeing your site. I write this because often issues that I see are a result of css designed to target a different element and was not specific enough. This is one reason we typically ask to see the page you are working on, most css customization is not a “one-size-fits-all” situation.
We should close this thread as solved, and if you decide you would like more help customizing your masonry style and are willing to create a test page that we can work on together, then please open a new thread explaining what you are trying to achieve with a link, a screenshot is always welcome too.

Best regards,
Mike

Hi,
Ok, when I check your /laboratorio/ page I see that no changes to the Initial Active Image have been made like I suggested to correct this. I made this change for you and now the issue is solved, please clear your browser cache and check.

Best regards,
Mike

Hi,
I tested the masonry with the large gap and your css, and the issue I see is with your css, for example the padding: 5px; adds the padding like this (the green area):

as you notice it is displacing the inner-masonry. I would recommend removing this padding.
The margin-bottom: 15px; is increasing the “large gap”, I don’t believe that you wanted to increase the gap, so I would recommend removing this also (orange area):

as you can see, when the padding & margin is removed from your css, the issue is resolved:

Best regards,
Mike

Hi,
Glad we were able to 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 in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hi,
Sorry for the late reply, I believe that Guenni007’s advice to use the “Special Character Translation” plugin from the dev team is a good idea. I tested your page by copying the html from your code block and added it to my localhost along with the relevant css, I then removed your line brake from the word “Halsschlagadern” and added the ­

on larger screens it doesn’t show on the frontend:

but on smaller screens, in this case 320px with is typically the smallest phones like the iPhone 5, it does show:

I believe that this demonstrates that the technique works, but as Guenni007 pointed out, each time you edit the page WordPress will try to remove these, so using the “Special Character Translation” plugin is a good idea.

Please note that the iPhone’s 6/7/8 have a screen width of about 375px, and at this size the word “Halsschlagadern” doesn’t break, because there is no need:

So perhaps you feel it doesn’t work on your device because it is not being triggered to work.
Another option might be to set the character width like this:

.mobilleistung li {
    max-width: 30ch !important;
}

you could try changing the “30ch” to cause the brake where you want it, but to me currently even though the word doesn’t brake where you want it to, the text seems to display well in the table.

Best regards,
Mike

Hi,
Gracias por los comentarios, revisé su página nuevamente y el CSS parece estar funcionando correctamente. Intente borrar la caché de su navegador y cualquier complemento de almacenamiento en caché y vuelva a verificar.

— Translated with Google —

Thanks for the feedback, I checked your page again and the css seems to be working correctly. Please try clearing your browser cache and any caching plugins and check again.

Best regards,
Mike

Hey BierPlus,
Sorry for the very late reply, it looks like the layerslider is loading before jQuery, I tried many settings except for disabling your plugins, did you try this?
I also note that your theme editor is disabled so I’m unsure if your child theme is causing this, did you try enabling your parent theme?
I also exported your current slide to my localhost with a new install of v4.7.6.4 and it works correctly.
What is the “Raidbox” plugin? It has a “purge cache” dropdown but it doesn’t seem to work.

Best regards,
Mike