Dear Victory – sometimes questions from other users can also be a help for other participants. So please make the helpful answers public.

if i do not find a solution – i will open a new topic – because on my Enfold 4.5.3 i got an issue that on Chrome only the mega menu is to small:
see here : https://webers-testseite.de Menu-Point is: Testpages

Aha after clearing cache on firefox – it is there too.

• This reply was modified 6 years, 1 month ago by Guenni007.

so now we had to find the solution for small screens so complete code could be:

#top .logo,
#top .logo a {
  overflow: visible;
}

/* Subtext styling */
.logo .subtext h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px
}

.logo .subtext {
  position: absolute;
  top: 60%;
  right: 0;
  transform: translate(110%, -50%);
  z-index: 2;
  width: 500px;
}

@media only screen and (max-width: 768px) {
/* Reduce the logo height to make space for the subtext below */
#top #header .logo img {  
  max-height: 70%!important;
  margin-top: 10px;
}

/* OPTIONAL CHOICE : Change position of subtext when scrolled */
#top #header .logo img {  
  max-height: 100%!important;
}
#top #header .logo .subtext {
  position: relative;
    top: 10px;
    left: 0;
}
}

First of all : this is vertical and you want to change it to horizontal?
You like to have something like this hier on Page LInk: https://kriesi.at/themes/enfold/
This is called Mega Menu on Enfold. https://kriesi.at/themes/enfold/features/#tab-id-9
goto Dashboard – Appearance – Menus choose your Main Menu and goto that “Products” link – now there are three littel arrow on the right side of the link Heading – the most right one is a bit different – hover it – you see you can edit that link.
Mark “use as Mega Menu” – now all of your second level Menu Points goes to column. Each Column you can edit too. On these columns there is a checkbox “this column should start a new row”
You can have then 2 horizontal lines etc.

hier ist eigentlich eine ganz gute Anleitung:

https://kriesi.at/documentation/enfold/logo/#image-logo-with-subtext

wäre dann sowas für das functions.php des child-themes:

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= '<h2>Öffnungszeiten<br/>Mittwoch bis Sonntag ab 20.00 Uhr</h2>';
    return $sub;
}

css kannst du auf der Link seite sehen.
Wenn du das hast wäre ein live Link schön, um das Styling auch für den Responsive Case zu gestalten.
Siehe hier auf die schnelle : (ohne jetzt den Mobile Style einzuarbeiten.) https://webers-testseite.de/cynthia/unite4-2/

Wie gesagt – wenn mal was nicht funktioniert, dann kann das sein, weil sich nach einem Update am Code der betreffenden ALB einiges geändert hat. Dann hat es meist ein wenig Zeitverzögerung bis die Neuen Files wieder auf der Seite sind.
Die findest du im Übrigen auch Github von Enfold als Dritthersteller Beiträge: https://github.com/KriesiMedia/enfold-library/

Nein der ist dafür nicht nötig.
Was halt oben beschrieben ist, damit die Child-Theme ALB Elemente genommen werden ist folgender Code im child-theme functions.php:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
 $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/');
 return $paths;
}

Und bitte alle 4 files uploaden

ist eigentlich dort ganz gut beschrieben.
Wie gesagt – prinzipiell würde es auch funktionieren, wenn man die Parenttheme Files ersetzt. Geht aber dann immer bei jedem Update verloren.
Ausserdem benötigt man wirklich nur den enfold-child/shortcodes folder ( die weitere Baumstruktur muss nicht erhalten sein)

Hast du eine Link für uns?

no – on my opinion the newest enfold with the conditional load is enough to get consent for the maps.
Enfold offers to load the fonts locally! And to have on contact form a consent field.
But if you realy like to be a 100% sure – then a double opt in is the safest way in order to abide by the law.

But I already mentioned above that the feared wave of warnings failed to materialize and it is probably not seen so strictly.
The law just wants to achieve that a consent is given before data is sent. Therefore I think it is much more important how I deal with tools like Google Ads or Google Analytics. The cookie Consent should actually block the entire page first, except for the data protection page and the imprint page.

So for my websites i decided to install Borlabs Cookie Tool and to avoid Datasending before Opt In. –
It’s always a mistake whether you run the risk of losing visitors to the site by asking too many questions, or whether you rather interpret the laws a little more generously.

From my point of view, I prefer to protect myself – before I waste my strength in court proceedings.
That’s why I load the Google fonts locally, ask twice if the maps should be displayed and don’t use any analysis tools.

That’s not much code for me. And you only have to copy & paste it. I had to write it myself first.
I provide this here for those who want to keep it similar. Who wants to act differently can do this.

this is my sources in comaprison to a normal Page:

No ID is sent before consent. No statisic tools are loaded. No Font from Google etc. pp. – That is paranoid indeed

It is just a matter of interpretation whether there is a legitimate interest to use Google Fonts, and to accept that the visitor ID will be sent to Google.
Also with Google Maps. One can represent the legal position that there is a legitimate interest to present these without demand. etc. pp.

i see that you are not working with a child theme – Every changings on functions.php of parent theme will be lost on next update.

Therefore, I generally always advise to use a child theme.
you can see here on that very good documentation page of enfold how to install :
https://kriesi.at/documentation/enfold/child-theme/
After uploading the child-theme folder with its files – and activation of the child – Enfold got some tools to import parent theme settings.

you have here a good instruction to enter code snippets to functions.php:
https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/

PS: The note on that instruction page is very well:
NOTE: Each function should have a unique name.

because sometimes mods here on board do alway use ava_custom_script() for their tips. But if a function has no unique name you will have ( on former wordpress versions a white screen of death ) error alert. Often it is just on that reason.

See here some info about header-widget areas:
https://kriesi.at/documentation/enfold/header/#customization

you got some custom css code for header widgets ( in custom.css ) – maybe you erase them – because i fear the will missmatch for that.

/* Widgets */
.responsive #top #header #header_main .inner-container .widget {
    order: 0;
    /*! flex-basis: 100%; */
    padding: unset;
    clear: none!important;
    align-self: center;
    align-items: center;
    z-index: 1;
}

.responsive #top #header #header_main .inner-container .widget>div {
    width:100%;
    line-height: 180px;
    padding:1 10px;
}

Are you merging the css files : do refresh and refresh browser cache too.

but it will only be changed if you hover the icon itself.
there are two links – one goes to the icon the other one to the heading. So it is not so easy that both styles are influenced through one hover event:

.avia-icon-list a.iconlist_icon:hover {
    background-color: #900 !important;
}

.avia-icon-list a.iconlist_icon:hover {
    color: #000;
}

but you said that it works fine with code from your link – so i thought you have done all right but only have troubles to select only one of them!

That code above ( and then you will need the second one) comes to child-theme functions.php
you will come to functions.php via dashboard – appearance – editor on the right there are “Theme files” click on functions.php
All those snippets here from Board mostly comes to this file except css code ( which comes on common to quick css ).

If you are not running a child-theme – you have here a lot of Theme files – and a function.php too.
You can edit too – but you have to place those codes just after the comment lines on the bottom of the file:

/*
 *  register custom functions that are not related to the framework but necessary for the theme to run
 */

these custom snippets are lost everytime you update enfold – that is the reason for a child-theme use

If it is placed – give a custom Class to the masonry where you want to have that new effect.

Custom Class – you know how to activate the input field on Enfold.?

First of all – enfold got a very nice Documentation Page:
just search f.e.: https://kriesi.at/documentation/enfold/?s=header&numberposts=5&results_hide_fields=

you will find a lot of code to get custom header styling.

Then what hook to you used for making the header widget area?