this is not an exclusive enfold trouble – it is the old “diagonal submenu hover problem” – and google on that – it is a well known problem of multi-level drop-down menus.

Maybe this is a nice first info on it: https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/

1 ) use position flex instead:

.html_elegant-blog #top .post-entry .post-meta-infos, 
.html_elegant-blog .avia-content-slider .slide-meta {
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: center;
  float: none !important;
  margin-top: 80px;  /*** to have the same distance as before ***/
  max-width: 100% !important;
}

By the way: see what happend if you got on justify-content : space-evenly or space-around or space-between

of course it would be better to see the blog page in question.

2) i think you can only have one or the other?
or is it possible to show for one entry the post-meta infos and for the other not?
so if you do not like to have two separators here – remove one of them ( border-top f.e.)

• This reply was modified 5 days, 15 hours ago by  Guenni007.

yes it works good – i use them too- but:

To understand what the tool really does, it is necessary to take a close look at the law.
I don’t think that the link to your Facebook page et al. is the problem. It’s these buttons you can press to share an article or a page. There, information about the page and the IP address of the person who clicks on it are forwarded directly.
Similar to the button that leads to a GoogleMap page – even to a map in an iframe – does not violate the GDPR (DSGVO – for the German speaking countries).
When a map is embedded it is different. And so it is with the Share Buttons.
Shariff Wrapper does exactly that – it prevents the personalized transfer of data from the person who presses the Share Button.
That means you can already use Enfold’s social buttons, which only provide the link to the page.
But you should leave this function to the Shariff Wrapper.

It would help if you were willing to follow the instructions. It’s uncertain if it will solve the problem, but at least it will help you to avoid writing mistakes or orphaned older files.

Through this procedure, I think I’ve explained it well, you have exactly this safety in the backhand – to return to the previous state.
The trick on this is not to overwrite the existing enfold folder but to upload a new one with a different name ( enfold-new). When this is done only a double renaming on the ftp folder does change the enfold parent themes. The existing is renamed to enfold-old and the newly uploaded now is renamed to enfold. From this moment the newest is the source for the enfold-child ( because that is the reference : then name of the folder: enfold ).

After all, I gave you the links to help you get ahead here.
My kind of help is always the help for self-help – under the aspect of the steep learning curve. If you always want to be dependent on help from others, you can do so.
Dito: Have a great rest of your week and take care!

This site was built by a consultant back in 2016 and handed off to us to manage.

Are you familiar with using a ftp client? Please go to your ftp folder of enfold-child and have a look if there are other files than :
style.css , functions.php and screenshot.png – if so – please tell us what folders/files are in additon on the server.
Maybe that consultant has created some own child-theme files.
Updating via the dashboard does not overwrite these files ( and that is among other things the advantage of a child theme ) – but sometimes when essential files are updated the child-theme files had to be adjusted.
F.e. some users got an own child-theme header.php – there was a time where the lightbox implementation changes on Enfold Parent Theme ( and that is in header.php) – so after updating the lightbox does not work anymore.
it would help if we knew if such extra child files existed.

Next assumption: Updating via the dashboard does not always work correctly. It seems to finish the update process successfully, but it has left write errors.
i do always update via ftp this way: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107
This also has the advantage that there is always a rollback in case of inconsistencies.

If you have your child-theme – than you can try that if it brings back a working textblock alb. ( except there are the given : Maybe on top )

i have that blue on your site no white font on white background:
thats what my developer tools gives for your site:

::selection {
    background-color: #3c5db1;
    color: white;
}

if you want to have a different setting do not forget to set for moz selection

• This reply was modified 1 week ago by  Guenni007.

the code above is complete?
every opening tag – needs a closing one – so every <ul> needs a </ul>
but why three lists ?
i guess this will be enough code:

<ul class="icon-bullets">
 	<li class="icon-location"><a href="https://google-maps-link" rel="nofollow">Address</a></li>
 	<li class="icon-phone"><a href="tel:+000000000" rel="nofollow">(+000) 000 000 000</a></li>
 	<li class="icon-mail"><a href="mailto: (Email address hidden if logged out) " rel="nofollow"> (Email address hidden if logged out) </a></li>
</ul>

and:

ul.icon-bullets li {
	list-style: none;	
}

ul.icon-bullets li {
	padding-left: 8px; 	
}

ul.icon-bullets li::before {
    font-family: 'entypo-fontello';
    font-size: 23px;
    font-weight: normal;
    position: absolute;
    left: -6px;
    width: 30px;
    text-align: center;
}

ul.icon-bullets li.icon-location:before { content: '\e842' }
ul.icon-bullets li.icon-phone:before { content: '\e854' }
ul.icon-bullets li.icon-mail:before { content: '\e805' }

with text-align you decide where the icons are in the before containers.

can not test your icon code

yes that would be nice – the mathematic is very ease and the avia-snippet-sticky-header.js could be as it is only these two factors had to be in relation to an input field ( f.e. shrink_factor – with standard : 2 ) on register-admin-options.php – this input field has dependency like custom height only visible when custom height is choosen.

f.e.:

  $avia_elements[]  =  array(
					"slug"	=> "header",
					"name" 	=> __("Header Shrink Factor", 'avia_framework'),
					"desc" 	=> __("Choose a custom shrink factor - two digits f.e. 2.85", 'avia_framework'),
					"id" 	  => "header_shrink_factor",
					"type" 	=> "text",
					"std" 	=> "2",
					"required" => array('header_size','custom') );

the custom height is not important on those calculations – because it can be shortend

one could also rearrange this formula, since division by a quotient is equal to multiplication by the reciprocal value

on line 64 : if(st < el_height*(shrink_factor-1)/shrink_factor
on line 76 : newH = el_height/shrink_factor;
thats all.

• This reply was modified 1 week, 1 day ago by  Guenni007.
• This reply was modified 1 week, 1 day ago by  Guenni007.

if it is only for a few headings – open that page and open that heading ( if the page is made with the advanced layout builder)
Sadly only the other heading styles not the standard style got this option on Style tab to set for 4 different screen width a font-size:

• This reply was modified 1 week, 1 day ago by  Guenni007.

you found the solution yourself?
i do not see the issue on your site!
otherwise you can influence the hilite color by:

::selection {
  background: #fff67a !important; 
   color: #000 !important; 
}
::-moz-selection {
  background: #fff67a !important; 
color: #000 !important; 
}

on masonry or on image alb element?
On Masonry there is an option on advanced tab – image effect: greyscale effect.

On images as Victoria has already said : they have to be uploaded and inserted as colored images first – then they were set to grayscale by css.
if you do not want to have it on all images ( see jordans css with #main as first selector ) – i would give a custom class like: gray-to-color to the image element – then this to quick css:

.avia-image-container.gray-to-color img {
          -webkit-filter: grayscale(1);
                  filter: grayscale(1);
}

.avia-image-container.gray-to-color img:hover {
  -webkit-filter: none !important ;
          filter: none !important ;
}

and yes – if you got a link on them – remove the overlay :

.gray-to-color .image-overlay {
    display: none !important;
}

only change the size ( start height and end height should be bigger ) but the shrink ration stayes the same : 1/2
or do you intend to change that too?

Introduction:
https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/

and here vor actual solution : https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/#post-1044887

i think it will be best to have a child-theme masonry-entries.js file and load that via child-theme functions.php:

function wp_change_masonry_animation() {
   wp_deregister_script( 'avia-module-masonry' );
   wp_enqueue_script( 'avia-module-masonry-child', get_stylesheet_directory_uri().'/js/masonry_entries.js', array( 'avia-module-isotope' ), false, true );
}
add_action( 'wp_enqueue_scripts', 'wp_change_masonry_animation', 100 );

i think we even can load that only for specific sites by if-clauses.
then put the edited masonry-entries.js – into the child-theme/js/ folder
change the line 257 to f.e.:
masonry.waypoint(start_animation , { offset: '95%'} );

so i think this is norml – and i avoid that on placing a white boarder on the bottom of that color-section : but that rearange of columns not – that is something different.

just for info: on masonry-entries.js line 257:
masonry.waypoint(start_animation , { offset: '80%'} );

and on shortcodes.js lines 217ff:

function activate_waypoints(container)
	{
		//activates simple css animations of the content once the user scrolls to an elements
		if($.fn.avia_waypoints)
		{
			if(typeof container == 'undefined'){ container = 'body';};

			$('.avia_animate_when_visible', container).avia_waypoints();
			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});
			
			if(container == 'body') container = '.avia_desktop body';
			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
		}
	}

Sadly i do not see any filter to change offset for a specific element ( f.e. custom-class or ID )

• This reply was modified 1 week, 4 days ago by  Guenni007.
• This reply was modified 1 week, 4 days ago by  Guenni007.