Yes : see private content url – everything works without script – except the mega-title links with sub-menu level

but i really do not see the need for it : there is allready a class for the current menu item: current-menu-item
The only problem is that the first level parent li’s get the same class but in additon they become that class: active-parent-item
So this should do the job for mega menu sub-menu items if they have themself a sub-menu!

#av-burger-menu-ul li:not(.active-parent-item) .current-menu-item a {
    color: green !important;
}

and this here for normal first-level sub-menu links:

/*** colorize parent***/
#av-burger-menu-ul li.current-menu-parent.current-menu-item > a {
    color: red !important;
}
/** colorize active item ****/
#av-burger-menu-ul li.current-menu-item > a {
    color: green !important;
}

the only need for a new class could be a mega-menu title with own link and sub-menu : there is only a class: av-width-submenu

may i see your site please – send me a link via e-mail if you have no other choice – see my nick or avatar.

• This reply was modified 5 years, 11 months ago by Guenni007.

However, when I do the same with a fontawesome font, it shows an empty square in icon list in avia builder.

the fontawesome from fontello or where did you download it?

But this is only relevant if you allow transparency for narrow screen widths.
This would certainly have been an important information in your introduction.

On helper-main-menu.php since line 127 ( Enfold 4.7.3)
there is a condition that is bound to header_transparency

on functions-enfold.php since line 1166 :
//header class that tells us to use the alternate logo
the class : av_alternate_logo_active is set for that to #header

on layout.css there is ruled the visibility of that logo:

@media only screen and (max-width: 989px) {
	.responsive.html_mobile_menu_tablet #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
	.responsive.html_mobile_menu_tablet #top .av_header_transparency .logo img.alternate{display:none;}
}
@media only screen and (max-width: 767px) {
	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img{opacity:1}
	.responsive #top .av_header_transparency .logo img.alternate{display:none;}
}

It was actually quite a hard job to read myself back into it. But now it’s probably not that interesting to look at the solution anymore. Well – …

But please read carefully: if you have updated the theme to 4.7.3 ( and i see you have done that) then the code : here is obsolete. The Theme Version 4.7.3 has this allready implemented.
And you link now as described here : https://kriesi.at/support/topic/how-to-link-to-tabs/#post-1157756

or take only the white sings as png files and style the background-colors for them.
Guess normal logo color of them is: #99c612

You’re so counseling-resistant.
please individual height – no equal heights – no gap –
if you don’t make it now, then my support for you ends here with my 6000th post.
Hope you can let a mod login to your backend – I’m desperate here!

See with your images and text: https://webers-testseite.de/griditems/

here is the shortcode: Edit with link to your images:

[av_section min_height='' min_height_pc='25' min_height_px='500px' padding='default' custom_margin='0px' custom_margin_sync='true' color='main_color' background='bg_color' custom_bg='#78b2b6' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='outlines-flex' custom_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-zqkdpc']
[av_one_fourth first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter size-full wp-image-37087" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-1-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">California Based Professionals</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37088 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-2-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Trusted by Multi-Billion Dollar Customers</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37089 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-3-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Customized and Secure Intake of Consumer Requests</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37091 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-4-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Responsive Customer Service</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth first min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37091 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-5-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Privacy Law Knowledge Base</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37092 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-6-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Licensed in California</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37093 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-7-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Trusted Privacy Partner</h4>
[/av_textblock]

[/av_one_fourth][av_one_fourth min_height='' vertical_alignment='av-align-middle' space='no_margin' row_boxshadow_color='' row_boxshadow_width='10' margin='0px' margin_sync='true' mobile_breaking='' border='' border_color='' radius='0px' radius_sync='true' padding='25px' padding_sync='true' column_boxshadow_color='' column_boxshadow_width='10' background='bg_color' background_color='' background_gradient_color1='' background_gradient_color2='' background_gradient_direction='vertical' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' highlight_size='1.1' animation='' link='' linktarget='' link_hover='' title_attr='' alt_attr='' mobile_display='' id='' custom_class='' aria_label='' av_uid='av-k7stpf2d']

[av_textblock size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' font_color='custom' color='#ffffff' id='' custom_class='' av_uid='av-k7utm0tl' admin_preview_bg='']
<img class="aligncenter wp-image-37094 size-full" src="https://californiadataprivacyact.com/wp-content/uploads/2020/03/Number-8-WHT-80x80.png" alt="" width="80" height="80" />
<h4 style="text-align: center;">Ongoing New Data Privacy Law Support</h4>
[/av_textblock]

[/av_one_fourth]
[/av_section]

maybe 90px padding on top/bottom is too much – just do it to your needs

hm – first get rid of that invisible hr – you can manage that in a different way.
Because all elements in a flex container will be handled and that is an additonal container.
This color-section should have only the columns in it.

then – i do not see even the first rule to set the entry-content-wrapper to display:flex – so i guess you have not regenerated the mergied files of css and js.
i see on developer tools none of my code above – these are the old merged files:
This merging of the files behaves similar to caching – so goto your Enfold Child – Performance – and mark delete old css an js files – and save all changes.
After that delete the browser cache too!

See what happens to the page if i (virtually) add the code to your page:
the two images are not set as the others to align: center – that makes a difference because these have other paddings !

i deleted one thing ( all of your content is set to white color – so the one rule is obsolete) and i added only one rule to have more padding left right:

#outlines-flex .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  overflow: hidden;
  align-items:  stretch; 
}

/*** otherwise these "containers" will influence the flexbox ***/
#outlines-flex .entry-content-wrapper::before, 
#outlines-flex .entry-content-wrapper::after {
  display: none;
}

#outlines-flex .entry-content-wrapper .flex_column {
  flex: 1 1 auto;
  outline: 1px solid #fff;
  padding: 90px 30px !important;
  margin: 0 ;
}

#outlines-flex .entry-content-wrapper .flex_column * {
  text-align: center !important;
}

@media only screen and (max-width: 989px) {
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 50%;
      outline: 1px solid #fff;
      padding: 90px 30px !important;
      margin: 0  !important
  }
}

@media only screen and (max-width: 549px) {
  #outlines-flex .entry-content-wrapper {
      justify-content: space-around;
  }
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 90%;
      outline: none !important;
      padding: 40px 30px !important;
      border: 1px solid #fff;
     margin-bottom: 20px !important
  }
}

think of your merged files !
PS: Avoid uncommon signs in css f.e. that dashed line in your quick css ? – – – – – – – – – – on top – remove this too – if you want to have comments in css just surround it by /***** xyz ****/

you first have to read carefully – i think all my tuts are good enough to reproduce.
first take the flexbox modell !
This is a mighty way to do this.
Then a lot of participants only put in the code and do not read about custom classes or ID’s

the setting was: all 8 1/4th columns in one colour section; this color-section got the ID : outlines-flex
the 1/4th columns are set to individual height and with no space between!

click to enlarge:

Thats it: then try the code.: Link

i use – if there are not so many portoflio /post a plugin called Intuitive custom post order.
Günter told me that f.e. : https://de.wordpress.org/plugins/simple-custom-post-order/ this is a good alternative.
You can drag and drop on the post / portfolio list the entries to the place your need.

I have compared the files in both folders – with DiffMerge – there are no differences. Now to think about it: I replaced your enfold with mine via ftp. No Alt and Title attributes on the Alternate logo ?

So this is strange!

PS @peterolle : my manual input fields work ! Just paste the code to your child-theme functions.php

function my_transparent_logo_attributes( array $avia_elements = array() )
{
  $slug = "header";
  $id = 'header_replacement_logo';
  
  $new_element_1 =  array(
      "slug"  => "header",
      "name"  => __( "Alt for the Transparency Logo", 'avia_framework' ),
      "desc"  => __("Put in your Alt Attribute for Transparency Logo", 'avia_framework'),
      "id"    => "header_replacement_logo_alt",
      "type"  => "text",
      "std"   => "" );

  $new_element_2 =  array(
      "slug"  => "header",
      "name"  => __( "Title for the Transparency Logo", 'avia_framework' ),
      "desc"  => __("Put in your Title Attribute for Transparency Logo", 'avia_framework'),
      "id"    => "header_replacement_logo_title",
      "type"  => "text",
      "std"   => "" );
  
  $found = false;
  $index = 0;
  

  foreach( $avia_elements as $key => $element ){ 
  	$index++; if( isset( $element['id'] ) &&  ( $element['id'] == $id ) && isset( $element['slug'] ) && ( $element['slug'] == $slug ) ) { $found = true; break;}
    } 
     if( ! $found ) { 
        $avia_elements[] =  $new_element_1 ; 
	$avia_elements[] =  $new_element_2 ;
     }
     else {
        $avia_elements = array_merge( array_slice( $avia_elements, 0, $index ), array( $new_element_1, $new_element_2 ), array_slice( $avia_elements, $index  ) );
     }
  return $avia_elements;
}
add_filter( 'avf_option_page_data_init', 'my_transparent_logo_attributes', 10, 1 );

with an update the code is then no longer necessary – because enfold 4.7.3 already has these ID’s on the av-layout-tab

flexbox modell – same example page – see the difference on responsive behavior: https://webers-testseite.de/griditems/
just have individual height here for 1/4th containers and no space between – the ID in this color-section is: outlines-flex

#outlines-flex .entry-content-wrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: stretch;
  overflow: hidden;
}

/*** otherwise these "containers" will influence the flexbox ***/
#outlines-flex .entry-content-wrapper::before, 
#outlines-flex .entry-content-wrapper::after {
  display: none;
}

#outlines-flex .entry-content-wrapper .flex_column {
  flex: 1 1 auto;
  outline: 1px solid #fff;
  padding: 90px 0 !important;
  margin: 0 
}

/*** just forgotten to set the colors for the entries ***/
#outlines-flex .avia-animated-number * {
    color: #fff !important;
}

@media only screen and (max-width: 989px) {
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 50%;
      outline: 1px solid #fff;
      padding: 90px 0 !important;
      margin: 0  !important
  }
}

@media only screen and (max-width: 549px) {
  #outlines-flex .entry-content-wrapper {
      justify-content: space-around;
  }
  #outlines-flex .entry-content-wrapper .flex_column {
      flex: 0 1 90%;
      outline: none !important;
      padding: 90px 0 !important;
      border: 1px solid #fff;
     margin-bottom: 20px !important
  }
}

Play a bit with your responsive break-points maybe it is necessary to adjust for your settings.